お客様から、「トップページの表示が遅い」と指摘されました。
コーポレートサイトがお店だとしたら、この店は「接客が遅い」とか、「待たされる」と同じですね。
当社のWebサイト診断サービスでは、スピードテストを実施して評価しています。
https://developers.google.com/speed/pagespeed/insights/
速度は、離脱率に影響します。トップページに問題があるとなると、直帰率も高くなります。
速度改善のポイント
- 画像がオーバーサイズ
- イメージ写真にしては画質が良すぎる
- 形式が不適切
- JS/CSSの外部リンクの数・容量
Googleは画像について、こう言ってます。
適切な画像のファイル フォーマットを選択する
画像にどのフォーマットが最適かテストしてください。主な推奨事項は次のとおりです:
- 一部の旧バージョンのブラウザでは PNG を部分的にしかサポートしていない場合がありますが、PNG はほとんどの場合、GIF より優れています。
- 非常に小さなグラフィックや単純なグラフィック(10×10 ピクセル未満、3 色未満のカラー パレットなど)、アニメーションを含む画像には、GIF を使用します。
- 写真スタイルの画像にはすべて JPG を使用します。
- BMP や TIFF は使用しないでください。
https://developers.google.com/speed/docs/insights/OptimizeImages
この辺から改善してみよう
- 基本的に、写真にPNGを使うのはNGですね。(写真はJPG一択です)
- 原稿画像サイズが小さいからといって、画像サイズを引き伸ばしてませんか?(サイズが増えるだけで、画質変わらず、意味なし)
- 実装されていないJSや不要なCSSの@importはないですか?(流用するとしても、<head>は要チェック)
お客様の環境は、会社の開発環境と全然ちがう!
個人のお客様ですと、
- 3G回線です。しかも、月末は、いつも通信制限・・・
- 100MB光回線といっても、夜間~深夜は、1Mbpsも出てないです
当社の環境は
- 光回線は日中だし、20~30Mbpsも出ます!
- PCもそこそこハイスペックです