ページの多くのユーザーは、低速のセルラーネットワーク接続でアクセスします。モバイルネットワークでページの読み込みを改善することで、モバイルユーザーに快適な体験を提供できます。
モバイルネットワークでの高速なページ読み込みは、サイトがプログレッシブWeb Appと見なされるための基本要件です。コアプログレッシブWeb Appのチェックリストをご覧ください。
Lighthouseページの読み込み速度の監査がどうのように失敗します
Lighthouseは、モバイルである程度で早めに読み込まないページにフラグを立てます。
![Lighthouse監査はモバイルである程度で早めに読み込まないページを表示します](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/Cg0UJ1Lykj672ygYYeXo.png?auto=format)
下記の2つの主要な指標は、読み込み時間に対するユーザーの知覚に影響します。
- First Meaningful Paint(FMP)は、ページのメインとなるコンテンツが表示されるまでの時間を測定します
- Time to Interactive(TTI)は、ページが操作可能になるまでの時間を測定します
たとえば、ページが1秒後に完全に表示されたが、ユーザーが10秒以内でそのページを操作できない場合、ユーザーはページの読み込み時間を10秒と認識するかもしれません。
Lighthouseは、低速の4Gネットワーク接続でTTIがどうなると計算します。操作可能までの時間が10秒を超える場合、監査は失敗します。
In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).
How to improve your overall Performance score
Unless you have a specific reason for focusing on a particular metric, it's usually better to focus on improving your overall Performance score.
Use the Opportunities section of your Lighthouse report to determine which improvements will have the most value for your page. The more significant the opportunity, the greater the effect it will have on your Performance score. For example, the Lighthouse screenshot below shows that eliminating render-blocking resources will yield the biggest improvement:
![Lighthouse: Opportunities section](https://wd.imgix.net/image/jL3OLOhcWUQDnR4XjewLBx4e3PC3/TN2iCYypsEV3pcRouSQG.png?auto=format)
See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.
リソース
更新日 • 記事を改善する