ページの多くのユーザーが低速のモバイル ネットワーク接続でアクセスしています。モバイル ネットワークでページの読み込みを速くすると、モバイル ユーザーに優れたエクスペリエンスを提供できます。
Lighthouse のページ読み込み速度の監査が失敗する仕組み
Lighthouse は、モバイルで十分な速さで読み込まれないページを報告します。
ユーザーが読み込み時間をどのように感じるかに影響する主な指標は 2 つあります。
- First Meaningful Paint(FMP): ページの主要なコンテンツが視覚的に完成するまでの時間を測定します。
- 操作可能になるまでの時間(TTI): ページが完全に操作可能になるまでの時間を測定します。
たとえば、ページが 1 秒後に視覚的に完成しているように見えても、ユーザーが 10 秒間操作できない場合、ユーザーはページの読み込み時間を 10 秒と認識する可能性があります。
Lighthouse は、低速の 4G ネットワーク接続での TTI を計算します。インタラクティブになるまでの時間が 10 秒を超えると、監査は失敗します。
全体的なパフォーマンス スコアを改善する方法
特定の指標に注目する明確な理由がない限り、通常は全体的なパフォーマンス スコアの改善に重点を置く必要があります。
Lighthouse レポートの [診断] セクションを使用して、ページにとって最も価値の高い改善を特定します。改善の余地が大きいほど、パフォーマンス スコアへの影響は大きくなります。たとえば、次の Lighthouse のスクリーンショットでは、レンダリングをブロックするリソースを削除することで最も大きな改善が見込めることがわかります。
Lighthouse レポートで特定された最適化案に対処する方法については、パフォーマンス監査をご覧ください。