Yahoo!ショッピングのトップページをトリプルのページに変更しました。
スマホもPCも対応できるようにレスポンシブデザインになっていますが、スマホで通信環境によっては表示が遅いとの指摘があり改善した方がいいのではと思うようになりました。
私の環境(iphone8、ドコモ回線)では遅いと感じたことはありませんが、確かにページの内容が多く、いろいろな外部ファイルを読み込んでいるので昔からのインターネットユーザーの私からするとよく実用的な速度で表示されているなぁと関心させられます。(考え方が古いですが)
とは言え少しでも軽くて早く表示される方がお客さんにとってはメリットだと思いますし、もしかして実際に表示速度が遅く機会損失が生じているのかも知れません。
当店のサイトの場合は単純にコンテンツを減らせば改善されると思いますが、その他の部分で気になる点について質問です。
その1.jQueryの読み込みや実行は表示速度にどの程度影響があるものなのか?
jQueryのファイルを1つや2つ外したところで大して変化がなければ時間を使って作業する必要はありませんがどうでしょうか?
その2.スライドバナーについて
スライドバナーはスマートフォンでは表示が小さくあまり必要性を感じていません。
バナー画像もたくさん読み込むので外してしまいたいところですがPCでは必要です。
また、スマートフォンの表示ではよくレイアウト崩れが発生します。
レスポンシブデザインでは表示非表示に関わらずどうしても全てのパーツが読み込まれてしまうものでしょうか?条件によって読み込みを止めることはできませんか?
また、このスライドバナーはjQueryを使ってできているみたいですが、ECステーションのスライドバナーを使って<ifrmae>として埋め込んでしまうのではどちらが早くなるでしょうか?
細かい質問となりましたがよろしくお願いします。