商品ページが重い（表示が遅い）

Question

お世話になります。
以前と比べ当店のホームページを開く際にかなり時間がかかるようになりました。
サイズの大きい画像を貼り過ぎなのでしょうか？
画像が荒くなるのは避けたいと思い作っておりますが、そんなに大きくないバナーでも
表示されるまでに時間がかかる時があります。
画像サイズが全体的に大きい場合、どれくらいのサイズの画像が適しているのでしょうか。

お客様が開いた場合に画像の表示が遅いと、お客様が離れてしまう原因の１つにもなるかと思い不安です。
宜しくお願い致します。

Accepted Answer

ECマスターズの伊藤です。

商品ID
4-1-58-c
にて確認させていただきました。

商品紹介部分の幅
761px → これ以上画像が大きく表示されることは無いと思ってください。

PC用販売説明文に入れていただいている画像を
width="700"

としていただいていますので、
基本的に、画像の横幅は700px以上の大きさにしても
サイズが大きくなってしまうだけとなります。

また、PC用販売説明文に入れていただいている
画像のサイズが、上から
694.78 KB
369.13 KB
333.20 KB
479.13 KB
170.14 KB
と、非常に大きくなっております。

どれくらいの画像サイズにするべきかということですが
例えば、Amazonでは、1000 x 1000pxの画像で59KB
960 x 1280pxで60KBと
100KB以下に抑えているようです。


また、Googleでは、サイト全体の容量を
1.6MBを推奨しています。

Googleの推奨は1.6MB。7,866のウェブサイトの平均は 2.43MB。あなたのトップページは？
https://webtan.impress.co.jp/u/2018/08/20/30244

サイト全体の容量になりますので、画像に加え、文字なども加わる為
画像の容量は100KBを目標にし、
劣化しすぎない範囲で、削減していただければ
よろしいかと思います。


画像を圧縮する為の無料のツールがございますので
ご参考までにご覧くださいませ。
mozjpeg
https://www.pakutaso.com/blog/jpegmozjpeg.html