オフスクリーン画像の遅延読み込み

Last Updated on 2024年8月29日 by ワードプレスの学校 学長 柳内郁文

サイトの表示スピードを改善する方法を何回かに分けて解説しています。
今回は「オフスクリーン画像の遅延読み込み」と言われたケースです。

オフスクリーン画像の遅延読み込み

ページスピードインサイト(https://pagespeed.web.dev/)で、上記のメッセージが出ることが稀にあります。
これはレイジーロード(Lazy Load)の設定がされていないことを意味します。

レイジーロード(Lazy Load)とは、ホームページの最初に表示されるスペース以外に使われている画像データをいったん読み込まずに、スクロールして画像が表示されるタイミングで読み込む方法を言います。
そうすることで、サイトの表示速度が改善し、UX(ユーザーエクスペリエンス)が向上します。
日本語で遅延読み込みと言う場合もあります。

レイジーロードの機能はワードプレス本体に付帯していると言われていますが、その機能ではあまり効果はありません。
実際の設定はプラグインで行うことが多く、どのプラグインが最適化については、別に機会に解説したいと思います。

サイトの表示速度改善

サイトの表示速度の改善について、以下で詳しく解説しています。
高速化シリーズ

実際に高速化された制作実績をこちらで公開しています。

この記事についてのご質問がある方はワードプレスの学校でお願いいたします。

当社では、WordPressを用いたWebサイト制作を行っております。
ホームページの制作については、こちらからお気軽にお問い合わせください。

制作実績はこちらからご確認ください。
⇒【View Now!】当社の制作事例をチェック!

ノーコードで簡単ウェブ制作なら断然ELEMENTORが便利です。

ワードプレスの学校

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

Join our newsletter

毎週金曜日に最新のワードプレスの情報を配信しています
いつでも解読できますので、お気軽に登録してください

Join Our School

ワードプレスについて何時でも何度でも質問ができる「ワードプレスの学校」を開設しました。
本サイトで解決できなかった問題は直接ワードプレスの学校で質問ができます。
ぜひ、ワードプレスの学校をチェックしてみてください!

— ワードプレスの学校でワードプレスについて一緒に学びませんか —

ブログを読むより、ユーチューブ動画を見るより、ワードプレスに精通した講師に直接聞いて問題を解決しましょう!ワードプレスの学校は、質問し放題のオンラインスクールです。