Webパフォーマンス最適化クイズ - プレイ中

1 第1問

Webパフォーマンスの主要な指標の一つであるLargest Contentful Paint (LCP)の推奨される良好なスコアは、何秒以内ですか？

A 1.0秒以内

B 2.5秒以内

C 4.0秒以内

D 5.0秒以内

2 第2問

Webパフォーマンスの主要な指標の一つであるCumulative Layout Shift (CLS)の推奨される良好なスコアは、いくつ未満ですか？

A 0.2未満

B 0.1未満

C 0.25未満

D 0.5未満

3 第3問

Googleが、JPEGやPNGに代わる高圧縮率で高品質な画像フォーマットであるWebPを発表したのは何年ですか？

A 2004年

B 2010年

C 2015年

D 2020年

4 第4問

HTMLの`<script>`タグに`defer`属性を付与した場合、スクリプトの実行タイミングはどうなりますか？

A HTMLのパースを中断して即座に実行される。

B HTMLのパースが完了した後、DOMContentLoadedイベントが発火する前に実行される。

C HTMLのパースと並行してダウンロード・実行される。

D ページのすべてのリソースが読み込まれた後に実行される。

5 第5問

ページのレンダリングをブロックするCSSの読み込みを最適化する手法として、ファーストビューに必要なCSSのみをHTMLに直接埋め込む方法は何と呼ばれますか？

A インラインCSS

B クリティカルCSS

C スコープCSS

D シャドウCSS

6 第6問

First Contentful Paint (FCP)が測定するものは何ですか？

A ページのすべてのコンテンツが完全に読み込まれるまでの時間。

B ユーザーがページにアクセスしてから、コンテンツの最初の部分が画面にレンダリングされるまでの時間。

C ユーザーが初めてページを操作できるようになるまでの時間。

D ページの主要なコンテンツが読み込まれ、表示されるまでの時間。

7 第7問

HTTP/2プロトコルで導入された、単一のTCP接続上で複数のリクエストとレスポンスを同時に送受信できる機能は何と呼ばれますか？

A パイプライン処理

B マルチプレキシング

C ヘッダー圧縮

D サーバープッシュ

8 第8問

ブラウザがページのレンダリングを開始するのをブロックする可能性のあるリソースはどれですか？

A `<body>`タグの最後に配置されたJavaScriptファイル

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

C `loading="lazy"`属性が指定された画像

D `async`属性が指定されたJavaScriptファイル

9 第9問

Googleが提供する、Webページの品質を監査し、パフォーマンス、アクセシビリティ、SEOなどの改善点を提供するオープンソースツールはどれですか？

A WebPageTest

B Lighthouse

C GTmetrix

D Pingdom Tools

10 第10問

Webパフォーマンス最適化において、HTMLの`<script>`タグに`defer`属性を使用する主な利点は次のうちどれですか？

A スクリプトのダウンロードと実行を同時に行い、HTMLのパースをブロックする。

B スクリプトを非同期でダウンロードし、HTMLドキュメントのパースが完了した後に実行する。

C スクリプトを非同期でダウンロードし、ダウンロードが完了次第、HTMLのパースを待たずに即座に実行する。

D スクリプトのダウンロードを完全に抑制し、ページの初期表示速度を向上させる。