秒速Webマスターへの道！Webパフォーマンス最適化クイズ🚀 - プレイ中

1 第1問

Webページの表示速度を改善するために、ブラウザにキャッシュさせるリソースに対して設定するHTTPヘッダーはどれですか？

A Content-Type

B Cache-Control

C Set-Cookie

D X-Frame-Options

2 第2問

Webページの初回ロード時に、ブラウザがHTMLドキュメントの解析を開始する前にダウンロードする必要があるリソースを優先的にダウンロードさせるためのHTML要素は何ですか？

A <noscript>

B <link rel="preload">

C <meta>

D <script async>

3 第3問

画像ファイルの最適化において、可逆圧縮形式ではないものはどれですか？

A PNG

B GIF

C JPEG

D WebP (lossless)

4 第4問

CSSやJavaScriptファイルを圧縮する目的は何ですか？

A コードの可読性を高めるため

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

C コードの実行速度を向上させるため

D セキュリティを強化するため

5 第5問

Webフォントを効率的に配信するために、フォントファイルをサブセット化する主な目的は何ですか？

A フォントのデザインを変更するため

B フォントファイルサイズを小さくするため

C フォントのライセンスを管理するため

D フォントのレンダリング品質を向上させるため

6 第6問

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

A 複数のTCPコネクションを確立することなく、複数のリクエストとレスポンスを同時に処理できる

B HTTPヘッダーのサイズを小さくすること

C データの圧縮率を向上させること

D サーバーのセキュリティを強化すること

7 第7問

ブラウザがWebページをレンダリングする際に、JavaScriptの実行によってDOMの構造やスタイルが変更されることで発生するパフォーマンス上の問題は何と呼ばれますか？

A メモリリーク

B リフローとリペイント

C クロスサイトスクリプティング (XSS)

D SQLインジェクション

8 第8問

Lazy loading（遅延読み込み）を画像に適用する主な目的は何ですか？

A 画像の解像度を向上させるため

B 初期ロード時に表示領域外の画像の読み込みを遅らせ、初期表示速度を向上させるため

C 画像のファイルサイズを小さくするため

D 画像の著作権を保護するため

9 第9問

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

A Webサイトのコードを自動的に最適化する

B Webサイトのコンテンツをユーザーに近い場所にキャッシュし、配信速度を向上させる

C Webサイトのデータベースを管理する

D Webサイトのセキュリティ脆弱性を自動的に修正する

10 第10問

Webページのパフォーマンスを測定するために使用される指標で、ユーザーがコンテンツを知覚できるまでの時間を測るものはどれですか？

A Time to First Byte (TTFB)

B First Contentful Paint (FCP)

C Domain Name System (DNS)

D Transmission Control Protocol (TCP)