Safariが対応すればLazy LoadにもうJavaScriptはいらない

弊社のお客様のwebサイトでは、画像データにはLazy Loadを使っています。

画像がスマホの画面に表示されたときにだけ、サーバーへ画像を取りに行くという仕組みです。ページの上部しか見ないユーザーもいますが、そのようなユーザーへは、スマホの画面に表示されていない下部の画像データの送信を減らし、ユーザーのギガの節約になっています。

と同時に、運営側としてもデータ送出料金を減らせることができますから、双方にとってwin winなしくみです。

一方imgタグの実装が長くなってしまうという欠点もあります。具体的には下記のようなコードになります。

続きを読む