Web表示速度UPなるか？！秒速Web職人への道！爆速Webパフォーマンス診断クイズ - プレイ中

1 第1問

HTTP/2プロトコルにおける多重化（Multiplexing）の主な利点は何ですか？

A ヘッダーサイズの削減

B 単一のTCP接続で複数のリクエストとレスポンスを同時に処理できる

C データの圧縮率の向上

D 暗号化の強化

2 第2問

Content Delivery Network (CDN) を使用する主な目的は何ですか？

A データベースのパフォーマンス向上

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

C サーバーのセキュリティ強化

D HTMLの最適化

3 第3問

JavaScriptのminify（ミニファイ）処理とは、具体的にどのような処理ですか？

A JavaScriptコードを暗号化する

B JavaScriptコードから不要な文字（空白、コメントなど）を削除し、ファイルサイズを小さくする

C JavaScriptコードを難読化する

D JavaScriptコードを最適化して実行速度を向上させる

4 第4問

First Contentful Paint (FCP) は何を計測しますか？

A ページが完全にインタラクティブになるまでの時間

B ブラウザがDOMを完全に解析するまでの時間

C ブラウザが画面に最初のコンテンツ（テキスト、画像など）を描画するまでの時間

D ページ上のすべてのリソースがロードされるまでの時間

5 第5問

以下のうち、CSSを最適化するために最も効果的な方法はどれですか？

A CSSファイルをインラインで記述する

B 未使用のCSSルールを削除する

C CSSファイルを圧縮しない

D CSSセレクタを複雑にする

6 第6問

ブラウザのレンダリングをブロックするリソースを特定し、最適化するために使用できるツールは何ですか？

A Google Analytics

B Google PageSpeed Insights

C Google Search Console

D Google Ads

7 第7問

JavaScriptの遅延ローディング（Lazy Loading）を実装する主な目的は何ですか？

A JavaScriptコードのセキュリティを強化する

B 初期ロード時に不要なJavaScriptの実行を遅らせ、ページの初期表示速度を向上させる

C JavaScriptコードのデバッグを容易にする

D JavaScriptコードのバージョン管理を簡単にする

8 第8問

HTTP/2プロトコルにおける多重化（Multiplexing）の主な利点は何ですか？

A ヘッダーサイズの削減

B 単一のTCP接続で複数のリクエストとレスポンスを同時に処理できる

C サーバープッシュのサポート

D コンテンツの圧縮率向上

9 第9問

Webサイトの画像最適化において、遅延ロード（Lazy Loading）を適用する主な目的は何ですか？

A 画像のファイルサイズを削減する

B 初期ロード時に表示されない画像の読み込みを遅らせる

C 画像の解像度を向上させる

D 画像のキャッシュ効率を改善する