弊社のお客様のwebサイトでは、画像データにはLazy Loadを使っています。
画像がスマホの画面に表示されたときにだけ、サーバーへ画像を取りに行くという仕組みです。ページの上部しか見ないユーザーもいますが、そのようなユーザーへは、スマホの画面に表示されていない下部の画像データの送信を減らし、ユーザーのギガの節約になっています。
と同時に、運営側としてもデータ送出料金を減らせることができますから、双方にとってwin winなしくみです。
一方imgタグの実装が長くなってしまうという欠点もあります。具体的には下記のようなコードになります。
続きを読む