読了時間3分（636語）

画像の読み込み - WordPressでのプログレッシブ Lazy Loading

2023年11月30日（木）

14906 ヒット

Mediaは、味気ないWordPressブログを活気あふれるウェブサイトへと変貌させますが、ファイルとSEOは相性が悪いというのが厳しい現実です。反対意見を述べることはほとんどなく、読み込み時間が遅いとSEOスコアは低下します。しかし、希望が完全に失われたわけではありません。数か月前、 WP Speed of Light lazy loading の問題をどのように軽減する。そして今、私たちはさらに一歩先へ進みます。

念のためお伝えしますが、lazy loadingでは、WordPressの投稿やページ内の画像がすべて、ユーザーがページにアクセスした瞬間に読み込まれるわけではありません。WP WP Speed of Light画像が表示されるまで待ってからダウンロードします。これにより、ページの読み込み速度が大幅に向上し、SEO対策に役立つだけでなく、インターネット速度が遅いユーザーにも快適なエクスペリエンスを提供します。

WordPressプラグインのバージョン2.5では、 lazy loading 機能が改善され、ユーザーのデバイスとその制限への対応が若干改善されました。WP WP Speed of Lightの最新の lazy loading 機能は、特に低スペックのモバイル端末や低速インターネットを利用するユーザーにとって、よりレスポンシブな動作を実現しています。

WordPressのユーザーは、画像が表示されず、その後突然読み込まれるのではなく、最初は低解像度でぼやけたメディアファイルが表示されます。ダウンロードが完了すると、画像が徐々にぼやけて表示されます。これにより、読者は画像の存在を認識し、読み込みが完了するまで待つか、読み続けて後で戻るかを選択できます。

画像の謎を解く

WP Speed of Lightの最新アップデートの一番のメリットは何でしょうか？WordPressプラグインのプロ版アドオンをお持ちであれば、ほとんど指一本動かす必要がありません。lazy loading WP Speed of Lightの速度最適化メニューにアクセスしてください。そこから、スピードアップで画像のlazy loading。

以前の投稿をご覧くださいlazy loadingを試すにはこれで十分でしょう。実際、実質的にはこれですべてです。画像のlazy loadingを有効にすると、メディアファイルは必要な場合にのみ読み込まれ、新しいぼかし機能も追加されます。

上記のように、低速ネットワークでは、画像は最初は低解像度のプレースホルダー画像として表示されます。この画像は見た目を良くするためにぼかされています。WordPressは、読者の邪魔をすることなく、フル解像度の画像をバックグラウンドで読み込み（正確には遅延読み込み）ます。画像の lazy loadingが完了すると、プレースホルダー画像がフル画像に切り替わります。

WordPressにおけるプログレッシブ Lazy Loading とSEO

しかし、この新しい画像の lazy loading SEOにどのような影響を与えるかは、まさに重要な疑問です。結局のところ、ぼかし画像のプレースホルダーは読み込み時間を長くするのではないでしょうか？実際には、確かにそうかもしれません。実際は全く影響しません。WP WP Speed of Lightのプレースホルダーは20ピクセルの小さな画像で、読み込み時間はごくわずかです。SEOの読み込み時間にも一切影響を与えません。同時に、ぼかしによって低品質画像のピクセル化されたアーティファクトが隠されます。

また、以前のバージョンの lazy loading と同様に、すべての画像SEO HTML要素は最初のショットで読み込まれます（遅延読み込みではありません）。そのため、Googleボットなどは画像ファイル名、タイトル、altタグを読み取ることができます。

SEOは重要ですが、ユーザーエクスペリエンスが優先されるべきです。WP WP Speed of Lightの最新アップデートは、この原則をしっかりと踏まえつつ、SEOに効果的な機能と、読者が繰り返し訪れたくなるような美しさを融合させています。しかも、SEOへの追加コストは一切かかりません。プログレッシブ lazy loading のレンダリングはこちらで確認できます。