Web高速化クイズ - プレイ中

1 第1問

Largest Contentful Paint (LCP)の良好なスコアの基準は何ですか？

A 1.0秒以内

B 2.5秒以内

C 4.0秒以内

D 5.0秒以内

2 第2問

WebP画像フォーマットの主な利点は何ですか？

A アニメーションをサポートしない

B JPEGやPNGと比較してファイルサイズを大幅に削減できる

C 透過性をサポートしない

D どのブラウザでもネイティブにサポートされている

3 第3問

ページのレンダリングをブロックする可能性が最も高い要素は何ですか？

A `defer`属性を持つ外部JavaScriptファイル

B `async`属性を持つ外部JavaScriptファイル

C `<body>`タグの最後に配置されたインラインJavaScript

D `<html>`タグの`<head>`内で読み込まれる外部CSSファイル

4 第4問

`<script>`タグに`async`属性を指定した場合、スクリプトの実行はどのように行われますか？

A HTMLの解析が完了した後、DOMContentLoadedイベントの前に実行される

B スクリプトのダウンロードが完了次第、HTMLの解析を中断して実行される

C HTMLの解析と並行してダウンロードされ、HTMLの解析が完了した後に実行される

D スクリプトのダウンロードと実行がHTMLの解析を完全にブロックする

5 第5問

Webサーバーがブラウザにファイルを送信する際に、転送量を削減するために一般的に使用される技術は何ですか？

A Base64エンコーディング

B GzipまたはBrotli圧縮

C HTTP/1.1プロトコル

D DNSプリフェッチ

6 第6問

Cumulative Layout Shift (CLS)の良好なスコアの基準は何ですか？

A 0.25未満

B 0.1未満

C 0.5未満

D 1.0未満

7 第7問

Google ChromeのDevToolsに統合されており、Webページのパフォーマンス、アクセシビリティ、SEOなどを監査できるツールは何ですか？

A WebPageTest

B Lighthouse

C GTmetrix

D Pingdom Tools

8 第8問

HTTP/2プロトコルがHTTP/1.1と比較してWebパフォーマンスを向上させる主なメカニズムの一つは何ですか？

A 常にTLS暗号化を必須とする

B 複数のリクエストとレスポンスを単一のTCP接続で多重化できる

C クライアントサイドのJavaScript実行を高速化する

D 画像の自動圧縮機能を提供する

9 第9問

クリティカルレンダリングパス（CRP）を最適化する主な目的は何ですか？

A サーバーの負荷を軽減する

B ユーザーがコンテンツをできるだけ早く見られるようにする

C JavaScriptの実行速度を最大化する

D 検索エンジンのランキングを直接向上させる

10 第10問

ユーザーのビューポートに表示されるまで画像の読み込みを遅延させる技術は何と呼ばれますか？

A プリロード（Preloading）

B 遅延読み込み（Lazy Loading）

C プリフェッチ（Prefetching）

D インライン化（Inlining）