3分の読了時間 (636語)

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

2023年11月30日（木曜日）

17869ヒット

メディアは、静的な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?lazy loading ?lazy loading?lazy loading ?lazy loading, 次へ移動してください WP Speed of Light’s 速度最適化メニュー. そこから、有効にします画像 lazy loading からスピードアップタブ。 speed optimization menu. From there, enably image lazy loading from the speedup tab.

より細かい制御が必要な場合は、こちらをご確認ください前の投稿、しかしそれでテストするには十分です lazy loading’s 最新機能です。実際、それがほぼ全てです。画像 lazy loading ’s 最新機能です。実際、それがほぼ全てです。画像 lazy loading’s 最新機能です。実際、それがほぼ全てです。画像 lazy loading ’s 最新機能です。実際、それがほぼ全てです。画像 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 のレンダリングはこちらで確認できます。