ヘルプとドキュメント
速度 大きな影響 中程度 継続中
総ページ重量
ページが大きすぎると読み込みが遅くなります。
それは何ですか
ページの重みは、ダウンロードされたすべてのリソース (HTML、CSS、JS、画像、フォント、ビデオ) の合計です。サイズが大きいほど、時間がかかり、より多くのデータが転送されます。
なぜそれに対処するのでしょうか?
特にモバイルや限られたデータでは、重いページの読み込みが遅くなります。重みの大部分は、最適化されていない画像やかさばる JavaScript にある傾向があります。
やり方
- 1画像の最適化 (フォーマット、圧縮、サイズ、遅延読み込み)。通常、最大の節約になります。
- 2CSS/JS を縮小して結合し、未使用のコードを削除します。
- 3圧縮とキャッシュを有効にします。
- 4負荷の高い外部スクリプトと埋め込み (ウィジェット、マップ、ビデオ) を制限し、オンデマンドでのみロードします。
結論
ページの重みにトップダウンで対処します。最初に画像と JavaScript (最も大きな部分)、次に圧縮とキャッシュです。ページが軽い = 読み込みが速くなり、Core Web Vitals が向上し、特にモバイルでの直帰率が低くなります。
関連トピック