はじめに戻る
パフォーマンスと速度
パフォーマンスと読み込み速度
TTFB、ページ サイズ、レンダリング ブロッキング リソース、圧縮、キャッシュ、DOM サイズなど、今日では速度がユーザー エクスペリエンスとランキング要素の両方になっています。
なぜスピードが重要なのか
読み込み速度は、サイトに滞在する訪問者の数に直接影響します。研究では、1秒が増えるごとに直帰率が上昇し、コンバージョンが低下することが繰り返し示されています。それに加えて、Google はページの速度と安定性 (Core Web Vitals) をランキングに考慮しています。
しかし、サイトの速度が遅い場合、多くの場合、1 つの大きなミスではなく、圧縮されていないファイル、ヘッド内のスクリプトのブロック、キャッシュの欠落、不必要に大きい DOM などの小さなミスの積み重ねによって妨げられています。
私たちが測定するもの
- TTFB (最初のバイトまでの時間)：サーバーが応答する速度。
- 合計ページ サイズとロードされたリソース (CSS、JS、画像) の数。
- レンダリングを遅らせるレンダリングをブロックするリソース。
- 圧縮 (gzip / brotli) とそのテキスト ファイルへの展開。
- ブラウザのキャッシュと Cache-Control ヘッダー。
- DOM ツリーのサイズと複雑さ。
測定から解決まで
すべての結果について、数字にとどまらず、推定される節約量とそれを達成するための具体的な手順も示します。つまり、圧縮を有効にする、スクリプトに遅延を追加する、静的ファイルに長いキャッシュを設定する、または画像を縮小するなどです。
その結果、サイトのどこで速度が低下しているのか、そして最大の影響を与えるために最初に何をすべきかが明確になります。