3分の読了時間 (636語)

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

2023年11月30日（木曜日）

18768 Hits

メディアは、静的な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の最新の反復は、よりレスポンシブで、特に低価格のモバイルまたは低速のインターネット速度のユーザーに優れています。.

画像が表示されずに突然読み込まれる代わりに、WordPressユーザーは最初に低解像度のぼやけたバージョンのメディアファイルを見ることになります。ダウンロードが完了すると、画像はフォーカスにフェードインします。このようにして、読者は画像が存在することを認識し、画像の読み込みを待つか、読み進めて後で戻ることができます。.

画像の謎を解く

の最新アップデートで最も優れている点は何でしょうか WP Speed of Light？WordPressプラグインのプロ版アドオンをお持ちであれば、ほとんど何もする必要はありません。 lazy loading、を設定するには WP Speed of Lightの 速度最適化 メニューに移動します。そこから、スピードアップタブで画像の lazy loadingを有効にします。

より詳細な制御をご希望の場合は、以前の記事をご覧ください。ただし、をテストするには、これで十分でしょう lazy loading。実際、これでほぼ完了です。画像の lazy loading を有効にすると、メディアファイルは必要な場合にのみ読み込まれ、新しいぼかし機能も利用できます。の最新機能

上記のように、画像は最初、低解像度のプレースホルダー画像を低速ネットワークで表示し、より美しく見えるようにぼかします。WordPressは、リーダーを中断することなく、バックグラウンドでフル解像度の画像を遅延ロードします。画像のロードが完了すると、プレースホルダー画像はフル画像に置き換わります。.

プログレッシブ Lazy Loading とWordPress上のSEO

しかし、数百万ドルの価値がある質問は、この新しい画像の lazy loading がSEOにどのように影響するかということです。結局のところ、ぼやけた画像プレースホルダーがより多くの読み込み時間を追加しないでしょうか？実際には、はい。しかし、実際には、まったくそうではありません。 WP Speed of Lightのプレースホルダーは、わずか20ピクセルの小さな画像で、読み込みに無視できるほどの時間がかかり、SEOの読み込み時間にオーバーヘッドを追加しません。同時に、ぼかしは低品質の画像のピクセル化されたアーティファクトを隠します。.

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

SEOは重要ですが、ユーザーエクスペリエンスに比べると二次的なものです。 WP Speed of Lightの最新アップデートでは、この原則を重視し、SEOに有益な機能と、リーダーが繰り返し訪れる美観を両立させています。すべて、SEOに追加費用はかかりません。プログレッシブ lazy loading のレンダリングはこちらで確認できます。