Last Updated on 2024年8月29日 by ワードプレスの学校 学長 柳内郁文
サイトの表示スピードを改善する方法を何回かに分けて解説しています。
今回は「オフスクリーン画像の遅延読み込み」と言われたケースです。
オフスクリーン画像の遅延読み込み
ページスピードインサイト(https://pagespeed.web.dev/)で、上記のメッセージが出ることが稀にあります。
これはレイジーロード(Lazy Load)の設定がされていないことを意味します。
レイジーロード(Lazy Load)とは、ホームページの最初に表示されるスペース以外に使われている画像データをいったん読み込まずに、スクロールして画像が表示されるタイミングで読み込む方法を言います。
そうすることで、サイトの表示速度が改善し、UX(ユーザーエクスペリエンス)が向上します。
日本語で遅延読み込みと言う場合もあります。
レイジーロードの機能はワードプレス本体に付帯していると言われていますが、その機能ではあまり効果はありません。
実際の設定はプラグインで行うことが多く、どのプラグインが最適化については、別に機会に解説したいと思います。
サイトの表示速度改善
サイトの表示速度の改善について、以下で詳しく解説しています。
高速化シリーズ
実際に高速化された制作実績をこちらで公開しています。