Web表示速度UPなるか？！爆速Webサイト診断クイズ - プレイ中

1 第1問

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

A ヘッダーの圧縮率の向上

B 単一のTCPコネクションで複数のリクエストを並行して処理できる

C サーバープッシュの効率化

D 暗号化の強化

2 第2問

ブラウザキャッシュの有効期限を設定するために使用されるHTTPヘッダーは何ですか？

A Content-Type

B Cache-Control

C Set-Cookie

D Location

3 第3問

Webフォントの読み込み中にテキストが表示されない問題を解決するために推奨されるCSSプロパティは何ですか？

A font-weight

B font-style

C font-display

D font-size

4 第4問

Largest Contentful Paint (LCP) は、Webページのどの要素のレンダリング時間を測定しますか？

A 最初にレンダリングされる要素

B ビューポート内で最も大きなコンテンツ要素

C 最後にレンダリングされる要素

D インタラクティブな要素

5 第5問

JavaScriptの実行を遅延させるために使用されるHTML属性は何ですか？

A async

B defer

C src

D type

6 第6問

コンテンツ配信ネットワーク（CDN）の主な目的は何ですか？

A Webサイトのコードを最適化する

B Webサイトのコンテンツをユーザーに近いサーバーから配信する

C データベースのパフォーマンスを向上させる

D Webサイトのセキュリティを強化する

7 第7問

CSSスプライトを使用する主な利点は何ですか？

A CSSファイルのサイズを小さくする

B HTTPリクエストの数を減らす

C JavaScriptの実行速度を上げる

D HTMLファイルの構造を簡素化する

8 第8問

First Input Delay (FID) は、Webページのどの応答性を測定しますか？

A ページのロード時間

B ユーザーが最初に入力してからブラウザが応答するまでの時間

C 画像の表示時間

D スクリプトの実行時間

9 第9問

クリティカルレンダリングパスを最適化する上で、CSSをインライン化する主な目的は何ですか？

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

B 最初の画面描画に必要なリソース数を減らし、レンダリングを高速化する

C CSSのキャッシュ効率を向上させる

D CSSの記述量を減らす

10 第10問

Webサイトのパフォーマンス改善において、ブラウザキャッシュを最大限に活用するための適切なHTTPヘッダーは何ですか？

A Cache-Control: no-cache

B Cache-Control: max-age=31536000

C Pragma: no-cache

D Expires: 0