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

1 第1問

GoogleのCore Web Vitalsにおいて、Largest Contentful Paint (LCP) の「良好」とされるスコアの閾値はどれですか？

A 1.0秒以内

B 2.5秒以内

C 4.0秒以内

D 5.0秒以内

2 第2問

ウェブページのレンダリングをブロックし、ページの表示を遅らせる可能性が最も高い要素はどれですか？

A `<img>` タグ

B `<a>` タグ

C HTMLの`<head>`内にある同期的な`<script>`タグ

D `<footer>` タグ

3 第3問

複数のリクエストを単一のTCP接続で並行して処理できる「多重化（Multiplexing）」の機能を持つHTTPのバージョンはどれですか？

A HTTP/1.0

B HTTP/1.1

C HTTP/2

D HTTP/0.9

4 第4問

ユーザーが予期しないレイアウトのずれを測定し、視覚的な安定性を示すCore Web Vitalsの指標は何ですか？

A LCP (Largest Contentful Paint)

B FID (First Input Delay)

C CLS (Cumulative Layout Shift)

D FCP (First Contentful Paint)

5 第5問

HTMLの解析をブロックせずにスクリプトのダウンロードと実行をバックグラウンドで行い、HTML解析完了後に実行される`<script>`タグの属性はどれですか？

A `async`

B `defer`

C `sync`

D `preload`

6 第6問

ユーザーがウェブサイトにアクセスしてから、ブラウザがサーバーから最初のバイトを受信するまでの時間を測定する指標は何ですか？

A FCP (First Contentful Paint)

B TTFB (Time to First Byte)

C TTI (Time to Interactive)

D LCP (Largest Contentful Paint)

7 第7問

ページのファーストビューをレンダリングするために最低限必要なCSSを抽出し、HTML内にインラインで埋め込むことで、レンダリングブロックを解消しFCPを改善する最適化手法は何と呼ばれますか？

A CSSスプライト

B CSSモジュール

C クリティカルCSS

D CSS-in-JS

8 第8問

ユーザーの地理的な位置に最も近いサーバーからコンテンツを配信することで、レイテンシを削減し、ウェブサイトの高速化に貢献する技術は何ですか？

A DNSサーバー

B プロキシサーバー

C コンテンツデリバリーネットワーク (CDN)

D データベースサーバー

9 第9問

Critical Rendering Pathを最適化するために、レンダリングをブロックするCSSを削減する一般的な手法は何ですか？

A すべてのCSSをHTMLのheadタグ内にインライン化する

B すべてのCSSファイルを遅延読み込み（defer）する

C クリティカルなCSSを抽出してインライン化し、残りのCSSを非同期で読み込む

D すべてのCSSをJavaScriptに変換し、動的に注入する