Lazydownloadをいれる
LazyDownloadを入れる
最近やっていなかったですが、思いたってGoogle様のpage speed insightを自社サイトでテスト。
URIをいれたら、こういう改善点があるよって指摘してくれるありがたいツールです。
でもって、どうやら最初のページを表示するために、画面にでてこない画像ファイルを大量に読み込んでるから、画像の遅延読み込みをするといいよとのお告げ。
じゃあやってみる
いくつか調べてみると、JavaScriptを有効にして、imgタグを変更すればいいみたい。
lazysizes.js.min をダウンロード
ここにあります。ダウンロードして適当にインタネットから見えるとこへ配置。