WordPressでオフスクリーン画像を延期する方法

私たちは皆、速度がSEOと変換にとって非常に重要であることを知っています。 ウェブサイトを高速化すると、そのウェブサイトがGoogleで上位にランク付けされるのに役立ちます。 そしてそれはまたあなたの読者を幸せにすることができます。 誰が速いウェブサイトが好きではありませんか？

しかし、速度を上げるためにWebサイトを最適化しようとすると、多くのことを行うのに時間がかかる可能性があります。 私は通常、時々自分のWebサイトをテストして、パフォーマンスが低下していないことを確認しようとします。 あなたはそこに何が新しいかを決して知りません。 SEOの世界では、物事は非常に頻繁に変化します。

Google PageSpeed InsightやWeb.devなどの速度テストツールを使ってウェブサイトをチェックした場合、表示される警告の一つに「画面外の画像の表示を遅延させる」というものがあります。

この記事では、それが何を意味するのかを説明し、それを修正する方法を説明し、それを修正するために使用できるプラグインを推奨します。

ただし、画面外画像の遅延表示がモバイルの速度向上につながる理由を知っておく必要があります。速度に影響を与える最も重要な要素は、ホスティングとテーマです。BloggingToolsでは、最速のWordPressホスティングであるCloudwaysを使用しています。Cloudwaysを利用できない場合は、BluehostまたはHostingerが良い選択肢です。テーマについては、 GeneratePressとして知られる最速のWordPressテーマを使用しています。

オフスクリーン画像の延期とはどういう意味ですか？

画面外の画像を延期するということは、まだユーザーに表示されていない画像の読み込みを遅らせることを意味します。 これにより、ブラウザは必要なものだけをロードし、最終的にWebサイトを高速化することに集中できます。

投稿やホームページにたくさんの画像がある場合、ユーザーがサイトにアクセスすると、ブラウザはすぐにすべての読み込みを開始します。 画像が多い場合は、ページをユーザーに表示するのに時間がかかることがあります。

ただし、オフスクリーン画像を延期すると、ユーザーがスクロールしたときにのみ画像が読み込まれます。

延期できるのは画像だけでなく、ほとんどのWebサイトアセットも必要になるまで延期できることに注意してください。

WordPressでオフスクリーン画像を延期する方法

画像を遅延読み込みすることで、画面外の画像を延期できます。 遅延読み込みにより、画像は必要な場合にのみ読み込まれます。 これにより、Webサイトが高速になります。

ページの高速読み込みを妨げている画像やその他のアセットを遅延読み込みできるようになったら。 GooglePageSpeedInsightやその他のテストツールの「オフスクリーン画像の延期」は表示されなくなります。

WordPressでオフスクリーン画像を延期するには、次の手順に従います。

1.遅延読み込みプラグインをインストールします

WordPressプラグインディレクトリで無料で利用できる多くの遅延読み込みプラグインがあります。 プラグインに移動し、新規追加してから遅延読み込みと入力します。 良いレビューを持っている人をインストールします。

ただし、遅延読み込みを処理できるプラグインが既にある場合は、プラグインをインストールする必要はありません。 ほとんどのキャッシングプラグインには遅延読み込みがあります。 遅延読み込みオプションについては、キャッシュプラグインを確認してください。 画像最適化プラグインには、ほとんどの場合、遅延読み込みオプションがあります。

また、Jetpackとautoptimizeを使用している場合は、遅延読み込みオプションがあります。

2.遅延読み込みオプションを有効にします

プラグインをインストールしたら、遅延読み込みオプションを有効にしていることを確認してください。 遅延読み込み機能を備えたキャッシュプラグインがある場合は、そのオプションを有効にしてください。

3.キャッシュをクリアします。

遅延読み込みがアクティブになったら、キャッシュをクリアします。これですべてです。

あなたはあなたのサイトを再びテストすることができます、警告は消えるべきです！

オフスクリーン画像を延期するWordPressプラグイン

オフスクリーン画像の延期プラグインは、遅延読み込みプラグインと同じです。 以下にいくつかあります。

1。 ジェットパック

Jetpackは、5万件以上の有効インストール数を誇る、最も人気のあるWordPressプラグインの一つです。既にJetpackがインストールされている場合は、遅延読み込みのための追加プラグインをインストールする必要はありません。

Jetpackで遅延読み込みをアクティブにするだけです。 アクティブにするには、Jetpack設定に移動し、[パフォーマンス]タブで、下にスクロールして遅延読み込みを有効にします。

2.最適化

Autoptimizeは非常に人気のあるパフォーマンス向上プラグインです。Autoptimizeを使用している場合は、Autoptimizeに遅延読み込み機能が備わっているため、遅延読み込みプラグインをインストールする必要はありません。

[設定の自動最適化]に移動し、[画像]タブをクリックして、遅延読み込みを有効にします。

3。 WPロケット

WP Rocketは、最も人気のあるプレミアムWordPressキャッシュプラグインです。WP Rocketを使用すれば、他のプラグインは必要ありません。遅延読み込み機能が有効になっているからです。

WP Rocket設定に移動し、メディアをクリックします。そこから遅延読み込みを有効にできます。

4.LiteSpeedキャッシュ

LiteSpeed Cacheプラグインを使用している場合、遅延読み込み機能が備わっています。有効にするには、メディアセクションに移動し、そこで遅延読み込みを有効にしてください。

5.a3遅延ロード

遅延読み込み機能だけを備えたプラグインが必要な場合は、a3 Lazy Load がおすすめです。プラグイン > 新規追加 に移動し、a3 Lazy Load を検索してインストールし、有効化してください。その後、プラグイン設定に移動して遅延読み込みを有効にしてください。

一般に、一部のテーマ、一部のキャッシュプラグイン、および一部の画像最適化プラグインには、遅延読み込み機能が付属しています。

よくある質問（FAQ）