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

メディアは、殺風景なWordPressブログを活気に満ちた賑やかなウェブサイトに変えますが、厳しい現実として、ファイルとSEOは相性が良くありません。これに反論する余地はほとんどありません。読み込み時間が遅くなれば、SEOスコアが下がるのです。しかし、すべての希望が失われたわけではありません。数か月前、私たちは WP Speed of Light が lazy loading の問題をどのように緩和するかについてお話ししました。今度は、さらに一歩先へ進みます。

念のため言っておくと、 lazy loading は、ユーザーがページにアクセスした瞬間にWordPressの投稿やページ内のすべての画像を読み込むわけではありません。代わりに、 WP Speed of Light は画像が表示領域に入るまで待ってからダウンロードします。そうすることで、ページは最初の読み込みがずっと速くなり、SEOに貢献しつつ、インターネット速度が遅い読者にとっても快適な体験を提供します。

WordPressプラグインのバージョン2.5では、 lazy loading 機能が改善され、訪問者のデバイスとその限界に対して、より少し反応的になりました。 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 Speed of Lightのプレースホルダーは、読み込みにほとんど時間がかからない小さな20ピクセルの画像であり、SEOの読み込み時間にオーバーヘッドを追加しません。同時に、ぼかしは低品質の画像のピクセル化されたアーティファクトを隠します。.

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

SEOは重要ですが、ユーザー体験に次ぐものであるべきです。 WP Speed of Lightの最新アップデートはこの原則を重視しつつ、SEOに貢献する機能性と、読者が何度も訪れたくなる美しさを両立しています。しかもSEOに追加コストは一切かかりません。プログレッシブな lazy loading のレンダリングをこちらでご確認ください:

プログレッシブ lazy loading をWordPressサイトに導入したい場合は、こちらのリンクをクリックしてください： https://www.joomunited.com/wp-speed-of-light

WP Speed of Light は、インターネット上のすべてのホスティングサービスで効果を発揮します。たとえば、 Cloudwaysは人気サービスの完璧な例です。