サクサク？もっさり？Webパフォーマンス診断クイズ！秒速表示への道 - プレイ中

1 第1問

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

A ヘッダーサイズの削減

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

C データの圧縮率の向上

D 暗号化方式の強化

2 第2問

Webフォントの読み込みを最適化するために、preloadリソースヒントを使用する主な目的は何ですか？

A フォントのキャッシュ期間を延長する

B フォントのダウンロードを早期に開始する

C フォントのレンダリングをブロックする

D フォントのファイルサイズを圧縮する

3 第3問

画像最適化において、可逆圧縮と非可逆圧縮の主な違いは何ですか？

A 可逆圧縮は元のデータを完全に復元できるが、非可逆圧縮は一部の情報を失う

B 可逆圧縮はファイルサイズを大きくするが、非可逆圧縮は小さくする

C 可逆圧縮は画像の種類に制限があるが、非可逆圧縮は制限がない

D 可逆圧縮は処理速度が遅いが、非可逆圧縮は速い

4 第4問

以下のうち、First Input Delay (FID) を改善するために最も効果的な対策はどれですか？

A CSSの読み込み順序を最適化する

B メインスレッドでのJavaScriptの実行時間を短縮する

C 画像の遅延読み込みを実装する

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

5 第5問

コンテンツ配信ネットワーク（CDN）を使用する主な利点は何ですか？

A サーバー側のコード実行を高速化する

B 地理的に分散されたサーバーからコンテンツを配信し、ユーザーの待ち時間を短縮する

C データベースのクエリを最適化する

D HTMLの構造を改善する

6 第6問

JavaScriptのminify（ミニファイ）処理を行う主な目的は何ですか？

A コードの可読性を向上させる

B コードの実行速度を向上させる

C ファイルサイズを小さくして、ダウンロード時間を短縮する

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

7 第7問

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

A Google Analytics

B Lighthouse

C Google Search Console

D robots.txt

8 第8問

HTTPキャッシュヘッダーの`Cache-Control: max-age=3600`は何を意味しますか？

A リソースを3600日間キャッシュする

B リソースを3600秒間キャッシュする

C リソースのキャッシュを無効にする

D リソースの最大ファイルサイズを3600バイトに制限する

9 第9問

Webページの初回ロード時間を改善するために、最も効果的な対策はどれですか？

A HTMLファイルのコメントを全て削除する。

B クリティカルレンダリングパスを最適化する。

C CSSファイルのインデントを深くする。

D JavaScriptファイルの変数名を長くする。

10 第10問

ブラウザキャッシュの有効期限を長く設定する目的として、正しいものはどれですか？

A Webページのセキュリティを向上させるため。

B Webページの再訪問時のロード時間を短縮するため。

C WebページのSEOランキングを向上させるため。

D WebページのJavaScriptの実行速度を向上させるため。