レンダリングブロッキングリソースとは？
レンダリングブロッキングリソースとは、ブラウザがコンテンツをレンダリングする前に取得して処理しなければならないファイルであり、最初のペイントを止めます。ドキュメントの head 内にある同期スタイルシートやパーサーをブロックするスクリプトが典型的な原因です。それらが終わるまで、ユーザーには白い画面が見えます。
なぜ重要か
レンダリングをブロックするアセットは、ユーザーがコンテンツを見る速さに直接悪影響を与えます。スクリプトを遅延させ、重要な CSS をインライン化し、必須でないスタイルを非同期に読み込むことが、ブロッキング対象を減らす一般的な方法です。
関連ガイド
What Is First Contentful Paint?First contentful paint measures the time from navigation until the browser renders the first content, such as…
What Is a Preload Hint?A preload hint tells the browser to fetch a resource the current page needs at high priority early, so a crit…
What Is Speed Index?Speed index measures how quickly the visible parts of a page paint during load, giving a score that rewards s…