The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

First Meaningful Paint

監査が重要である理由

ユーザーが体感するアプリのパフォーマンスは、ページの読み込み速度に大きく左右されます。 詳細については、Measure Performance with the RAIL Method をご覧ください。

この監査では、ユーザーがページの主要コンテンツが表示されたと認識するタイミングを特定します。

監査に合格する方法

First Meaningful Paint のスコアが低いほど、主要コンテンツがページ上に高速で表示されます。

First Meaningful Paint の高速化を実現するには、クリティカル レンダリング パスの最適化を参考にしてください。

監査方法

このセクションでは Lighthouse による監査方法と監査スコアの算出方法を説明します。

基本的に First Meaningful Paint とは、アバブ・ザ・フォールドのレイアウトが大きく変化してウェブフォントが読み込まれる前のペイントを指します。 詳細な仕様については First Meaningful Paint: A Layout-Based Approach をご覧ください。