商品ページの重さ

Question

お世話になっております。

楽天店を利用された方から、ページが重すぎてやっとのころで注文できたという
レビューをいただいてしまいました。

今まで自宅や会社で操作してきてそんなにページが重いと思わなかったため、
一般的に重いのか教えて頂けないでしょうか。

こちらのページです。
http://item.rakuten.co.jp/morinoen95/set-tea/

お客様いわく、上部のランキングがぐるぐる回るものが重いとのことですが、
これを外せばだいぶ変わるのでしょうか。
また、ほかにも軽くする方法はありますでしょうか。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

ページが重いかどうかは、
お客様が閲覧しているPCの性能、同時に起動しているアプリケーションの負荷など、
あらゆる要素が関係することもあり、
一概に申し上げることは難しいです。

「上部のランキングがぐるぐる回るもの」は、
「ランキング 第◯位」と表示されているランキングのことだと思いますが、
こちらはFlashという拡張機能を使って表示しているため、
他のHTMLと比べ、Flashを動作させるための仕組みを読み込むために
PCに大きい負荷をかける可能性はあります。

それ以外でPCに負荷をかける要因としては、
外部のページを読み込んで表示させるiframeタグも候補に挙げられます。

Chromeでは、実際に読み込んだページが
どれだけ負荷をかけているかを、
右上の「三」アイコン→その他のツール→タスクマネージャ
の「CPU」項目にてご確認いただくことができますので、

実際に、商品ページがどれだけPCに負荷をかけているかを
ご確認いただきながら、
件のランキングや、内容の多いiframeタグを実際に外してみて、
どれだけの負荷が軽減されるかを
ご確認いただくようお願いいたします。

タグを外しながらご確認いただく際は、
「ヘッダー・フッター・レフトナビ」など、タグを埋め込んでいるパーツを
予めコピーしておき、いつでも元に戻せる準備を整えてから
ご確認いただくことをオススメいたします。

Answer

ありがとうございます。
確認させて頂きます。

iframeは負荷をかける要因になるんですね。
今後、ほとんどすべての商品に対して商品説明の動画を
iframeタグで読み込むことで商品ページに表示させようと
していたのですが、動画をつける商品をしぼった方がよいでしょうか。

動画をつけることで、より分かりやすく親切にしようと思っていたのですが、
iframeタグが負荷をかけイライラするお客様を増やすことになると
本末転倒だと思ったので。。。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

iframeに関しては、あくまでも可能性ということで挙げさせていただきましたが、
iframeを追加することで大きく負荷が増えるのは、かなり古いPCに限られます。
動画用の1ページだけを追加するのであれば、表示に支障がでるほどの影響はありません。

まずは確認用の商品ページに動画を設置していただき、
先に申し上げた「タスクマネージャ」を利用して
動画のある・ない場合の商品ページを読み込んだ時を比較して
どれだけ負荷が増えるかをご確認いただいた上で、
実際に設置するかどうかご判断いただきますようお願いします。

Answer

ありがとうございます！
確認してみます。