Webパフォーマンス最適化クイズ - プレイ中

1 第1問

GoogleのCore Web Vitalsにおいて、ページの主要なコンテンツが読み込まれ、ユーザーに表示されるまでの時間を測定する指標は何ですか？

A First Contentful Paint (FCP)

B Cumulative Layout Shift (CLS)

C Largest Contentful Paint (LCP)

D First Input Delay (FID)

2 第2問

WebP画像フォーマットがJPEGやPNGと比較して持つ主な利点は何ですか？

A より高い解像度をサポートする

B 同等の画質でファイルサイズを大幅に削減できる

C すべてのレガシーブラウザでネイティブにサポートされている

D アニメーションをサポートしない

3 第3問

HTMLドキュメントの<head>タグ内で外部CSSファイルを<link rel="stylesheet" href="style.css">として読み込むことが、Webページのレンダリングに与える影響として最も適切なものはどれですか？

A CSSファイルが非同期で読み込まれるため、レンダリングをブロックしない。

B CSSファイルがレンダリングをブロックし、DOMツリーとCSSOMツリーが構築されるまでページの表示が遅延する。

C CSSファイルはレンダリングをブロックせず、JavaScriptの実行のみをブロックする。

D ブラウザはCSSファイルを無視し、デフォルトスタイルでページをレンダリングする。

4 第4問

コンテンツデリバリーネットワーク（CDN）を使用する主な目的は何ですか？

A データベースのクエリ速度を向上させる

B ユーザーに地理的に近いサーバーからコンテンツを配信し、レイテンシを削減する

C サーバーサイドスクリプトの実行速度を最適化する

D Webアプリケーションのセキュリティ脆弱性を自動的に修正する

5 第5問

ブラウザキャッシュを効果的に利用するために、HTTPレスポンスヘッダーに設定すべきディレクティブとして最も適切なものはどれですか？

A Content-Type

B Cache-Control

C User-Agent

D Server

6 第6問

GoogleのCore Web Vitalsにおいて、ページの読み込み中に予期せぬレイアウトのずれが発生する頻度と量を測定する指標は何ですか？

A Largest Contentful Paint (LCP)

B First Input Delay (FID)

C Cumulative Layout Shift (CLS)

D Total Blocking Time (TBT)

7 第7問

Googleが提供するWebページの品質を測定するオープンソースの自動化ツールで、パフォーマンス、アクセシビリティ、SEOなどの監査を行うものは何ですか？

A Google Analytics

B Google Search Console

C Lighthouse

D Google Tag Manager

8 第8問

クリティカルレンダリングパス（CRP）を最適化する主な目的は何ですか？

A サーバーの応答時間を短縮する

B ユーザーがコンテンツを最初に視認できるまでの時間（FCP）を短縮する

C データベースのクエリを高速化する

D Webアプリケーションのセキュリティを強化する

9 第9問

WebページのレンダリングをブロックするCSSの読み込みを最適化するための一般的な手法として、最も適切なものは次のうちどれですか？

A すべてのCSSをインラインスタイルとしてHTML内に直接記述する。

B `link`タグに`media`属性を使用し、適用されるメディアタイプを指定する。

C CSSファイルをJavaScriptで動的に読み込む。

D CSSファイルをCDNから読み込むことで、常に高速に配信する。

10 第10問

異なるデバイスや画面解像度に応じて、ブラウザが最適な画像を自動的に選択できるようにするために使用されるHTMLの属性は次のうちどれですか？

A `src`

B `srcset`

C `data-src`

D `alt`