転送量と表示速度を同時に改善する方法

レン

サイトを軽くしたいんだけど、プランを上げるしかないのかな？

プロクラ

その前にやれることがたくさんあるよ。しかも、転送量を減らす工夫はそのまま表示速度の改善になる。お金をかけずに両方良くなるから、まずこっちから手をつけるのがおすすめだね。

1. 画像の最適化（効果が一番大きい）

プロクラ

多くのサイトで、転送量の大半は画像が占めている。ここを削ると劇的に軽くなるよ。

• WebPやAVIFなど、新しい形式に変換する（同じ画質でファイルサイズが大幅減）
• 表示サイズに合わせてリサイズする（4000pxの写真をそのまま置かない）
• 遅延読み込み（loading="lazy"）で、画面外の画像は後から読む

2. 圧縮を有効にする

プロクラ

HTML・CSS・JavaScriptはテキストだから、gzipやbrotliで圧縮すると数分の1になる。nginxなら設定ファイルに数行足すだけで有効化できるよ。

3. キャッシュを効かせる

プロクラ

一度読んだファイルをブラウザ側に保存させれば、2回目以降はサーバーに取りに来なくなる。Cache-Controlヘッダを適切に設定するだけで、リピーターの転送量はぐっと減るよ。

レン

全部やったら、どれくらい変わるの？

プロクラ

サイトの状態にもよるけど、画像を最適化していないサイトなら転送量が半分以下になることも珍しくない。表示速度が上がれば離脱率も下がるし、検索評価にも効いてくる。プランを上げる前に、まずここを疑ってみて。