ECサイトのトップページのデータ量について。

Question

ECサイトを構築中です。扱っている商材が多数のカテゴリーで、商品数も多いためトップページ（最上位ファイルindex.html）には、各カテゴリの目玉商品をグリッドレイアウトで配置したいと考えています。

ここで、困ったことに画像数が多いため（画像サイズは300kb程度が50枚程度）と増えてしまいます。（画像も綺麗に見せたいので、出来ればこの程度の画像を複数使いたい。）するとこのHTMLファイルは読み込みなどにも時間がかかったりして、UX的にも考え物かと思っています。

このようなケースで、HTMLファイルへ無闇にリンクや画像を書き込んでいくよりも、<iframe>などを使って他のファイルを読み込んだ方が良いのか、それとも他に対処法がありましたら、ご教授下さい。

Answer 1

レイアウトにもよりますが、
ファーストビューよりも下に画像が配置されるようでしたら、
画像の遅延ロードをしてみてはいかがでしょうか？

jQueryのプラグインで「Lazy Load」というものがあります。

詳細は下記URLをどうぞ。
http://www.koikikukan.com/archives/2012/11/21-015555.php

Comments

[YuichiKataoka]

ありがとうございました。早速参照して利用してみました。体感速度は変わった感じです。

[kiri]

良かったです。
あと、お金に余裕があればCDNとか使ってみるのも良いと思います。
少々高いですが、AWSのCloud Frontは速いと知人から聞いています。
他にもいろいろサービス等ありますので、調べてみてください。

[YuichiKataoka]

CDN、Cloud Frontですか。今後視野に入れて検討します。ありがとうございました。