モバイルネットワークではページの読み込みが十分に速くないです

公開日 更新日

翻訳先言語: English, Español, Português, 한국어, 中文, Pусский

ページの多くのユーザーは、低速のセルラーネットワーク接続でアクセスします。モバイルネットワークでページの読み込みを改善することで、モバイルユーザーに快適な体験を提供できます。

モバイルネットワークでの高速なページ読み込みは、サイトがプログレッシブWeb Appと見なされるための基本要件です。コアプログレッシブWeb Appのチェックリストをご覧ください。

Lighthouseページの読み込み速度の監査がどうのように失敗します

Lighthouseは、モバイルである程度で早めに読み込まないページにフラグを立てます。

Lighthouse監査はモバイルである程度で早めに読み込まないページを表示します

下記の2つの主要な指標は、読み込み時間に対するユーザーの知覚に影響します。

たとえば、ページが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

See the Performance audits landing page to learn how to address the opportunities identified in your Lighthouse report.

リソース

最終更新日: 記事を改善する

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.