Sponsor

WP トップページや投稿ページの画像が表示されない原因

Lazy Load(遅延読み込み) WP プラグイン
Lazy Load(遅延読み込み)
Sponsor

WP トップページの画像が表示されない

きちんと設定しているはずなのに、トップページやインデックスページ、投稿ページで、何故かトップページの画像が表示されない。そんな時に考えられる原因です。

Lazy Load

Lazy Load は、ページの表示速度を上げるために、画像を読み込みを遅延させ、画像が表示される領域に入る時、または入ろうとする時に表示するように指示します。

重要でないコンテンツや非表示のコンテンツの読み込みを後回しにすることは、一般に「遅延読み込み」とも呼ばれ、パフォーマンスおよびユーザー エクスペリエンスに関する一般的なおすすめの方法としてよく行われます。

web.dev

オススメの方法ですので、いろんなプラグインやテーマで 「遅延読み込み」の設定欄があります。

テーマによるLazy Load(遅延読み込み)

Lazy Load(遅延読み込み)

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

JetpackによるLazy Load(遅延読み込み)

Lazy Load(遅延読み込み)

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

画像を最適化するプラグインのLazy Load(遅延読み込み)

Lazy Load(遅延読み込み)

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

EWWW Image OptimizerのLazy Load(遅延読み込み)

EWWW Image Optimizer は、画像を最適化するプラグインです。そのLazy Load(遅延読み込み)で、次のように、トップページの画像が表示されなかったり、投稿ページの画像が表示されなかったりします。

Lazy Load(遅延読み込み)ON

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

Lazy Load(遅延読み込み)ONでトップページの画像が表示されない

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

Lazy Load(遅延読み込み)OFFでTOPページの画像が表示される

Lazy Load(遅延読み込み)
Lazy Load(遅延読み込み)

テーマによる「Lazy Load」ONで、トップページの画像はきちんと表示されます。