体調不良のため長らくお休みしていました、過去をさかのぼって更新していきます。

WordPressの記事印刷時に画像が表示されない?原因はLazy Loadでした。

[PR] 記事内には広告が含まれています。

記事を印刷にかけた所、画像部分が表示されないという不具合が生じました。😥

WordPressを印刷すると画像が表示されない

画像部分だけ真っ白になって、印刷ができません。これでは不便です。

サムネイルだけは表示される。

ブラウザの詳細設定で印刷できる?

Chromeの印刷の詳細設定の部分、背景のグラフィックというところをオンにすると、印刷されるという話を目にしましたが、これを設定変えてもだめでした。

原因はLazy Load(画像遅延表示)でした

Cocoon設定の『高速化』→『Lazy Loadを有効にする』をオンにしていたので、これをはずしたら画像が表示されるようになりました!

Jetpackの遅延読み込みもダメ

ちなみに、Jetpackの遅延読み込みも、オンにしていると印刷時に画像が表示されませんでした。

他の設定もいろいろ試しましたが、変化がなかったため、Lazy Loadが原因だと確定できました。

Lazy Loadとは

Lazy Loadとは、画像の遅延読み込みともいわれます。

サイトを表示させる際、全部の画像を読み込んでから表示させるのではなく、画像を遅れて順次読み込ませることによって、表示速度を速めるという効果があるものです。

Googleでは、これを使うことを推奨していて、サイトの評価にもつながると明言しています。Googleの評価があがると、検索結果の上位にあげてもらえ、逆だと下げられてしまいます。

CocoonやJetpackには、このLazy Loadを簡単に設定できる機能がついています。

印刷前提のためなら、Lazy Load(画像遅延読み込み)はあきらめるしかないのかな

ページ表示スピード向上のために、Googleも推奨しているLazy Loadですが、印刷時に画像が表示されないのはかなり残念です。

シニアの方には記事を印刷して読むという方もまだまだいらっしゃるのでので、印刷することも前提にして設定しなければなりません。

表示速度の低下は、Googleの評価が悪くなるので、なんとか避けたい。今後は読者層によって判断していきたいと思います。

何かいい方法がないか、もう少し調べてみようと思います。