WordPressのコメントでGravatarsを遅延ロードする方法

WordPressサイトの表示速度を最適化することは、ユーザーエクスペリエンスと検索エンジンランキングを向上させるために必要です。パフォーマンスを向上させる効果的な方法の一つは、WordPressのコメントでGravatarsを遅延ロードすることです。

サイトにコメントが追加されるたびに、WordPress は Gravatar に HTTP リクエストを行い、コメント投稿者のアバターを取得します。これは、特に多くのコメントがある投稿で、サイトのページ読み込み速度を遅くする可能性があります。

WPBeginnerでは、コメント欄が有効化したブログを長年運営してきました。私たちは個人的にコメントする人にGravatarsを有効化していませんが、Gravatarsが読者のコミュニティ意識をサポートし、結果としてエンゲージメントを高めることができることを知っています。

とはいえ、私たちは、投稿やページが高速で読み込まれることがいかに重要かも知っています。

そこでこの投稿では、WordPressのコメントでグラビアを簡単に遅延ロードし、サイトの表示速度を改善する方法を紹介する。

Gravatarは超人気のウェブサービスだ。ユーザーがプロフィールを作成し、メールアドレスにアバター画像を関連付けることができる。

これらの画像は、訪問者が特定のメールアドレスを使用するたびにWordPressのコメントで使用されます。これは、WordPressを搭載したサイトがGravatarサイトからプロフィール写真を取得できるためです。

GravatarsはユーザーエンゲージメントとSEOに最適ですが、各ユーザーのGravatarはページロードにHTTPリクエストを追加します。

このため、ユーザーがページのコンテンツを表示するまでの待ち時間が長くなり、ユーザーエクスペリエンスに悪影響を及ぼします。

例えば、下のスクリーンショットでは、異なるグラビアアイドルが送信したHTTPリクエストの数を見ることができる。

コメント欄でGravatarsを遅延ロードすると、Gravatarsが画面にユーザーに表示されるまでGravatarsがロードされません。

これにより、サイトが使用する帯域幅を削減し、WordPress全体の速度とパフォーマンスを向上させることができます。

それでは、WordPressのコメントで簡単にGravatarsを遅延ロードし、ページのロード時間を短縮する方法を見ていきましょう。

まず、a3 Lazy Loadプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化したら、WordPressの管理サイドバーからSettings ” a3 Lazy Loadページにアクセスしてください。ここで、’Lazy Load Images’タブを開きます。

次に、「Gravatars」オプションの横にあるスイッチを切り替えます。これで、コメント欄や投稿者欄のGravatarsも含め、サイト上のGravatarsがすべて遅延ロードされ、サイトの表示速度が改善されます。

設定が完了したら、下部にある「変更を保存」ボタンをクリックし、設定を保存します。

このプラグインを使用すると、WordPressのコンテンツ、サムネイル、動画などの画像を遅延ロードすることもできます。また、「Effect & Style」タブまでスクロールすると、Gravatars用のローディングエフェクト機能を追加することもできます。

ここから、スピナーまたはフェードインローディングエフェクトを選択します。また、サイト上で Gravatar がロードされている間にユーザーに表示されるローディング背景色を選択することもできます。

変更が完了したら、忘れずに「変更を保存」ボタンをクリックして設定を保存してください。

WordPressサイトでコメントをしている投稿にアクセスできるようになりました。ここでは、ユーザーがスクロールダウンするにつれて、Gravatar画像の遅延ロードが表示されます。

Gravatars以外にも、WordPressサイトのコメント、動画、画像に遅延ロードを追加することで、ページの読み込み速度を向上させることができます。

しかし、サイトのこれらの部分をダラダラとロードしたくないのであれば、試してみることもできる：

これらの方法をすべて試してもページ速度が改善されない場合は、Hostingerのような高速WordPressウェブホスティングサービスプロバイダーに変更することをお勧めします。

HostingerはWordPressのパフォーマンステストで非常に良い結果を出しました。さらに、ホスティングサービスを月額$2.69から読者限定割引価格で提供しています。

最後に、ホスティングサービスを切り替え、サイト高速化のヒントをすべて使用したら、さまざまなツールを使用して簡単にサイトのパフォーマンスをテストできます。

詳細な手順については、サイトスピードテストの適切な実行方法に関するチュートリアルをご覧ください。

この投稿が、WordPressのコメントでGravatarsを遅延ロードしてサイトのパフォーマンスを改善するのにお役に立てば幸いです。WordPress でコメントをモデレートする方法についての初心者向けガイドや、WordPress のコメントを改善するためのベストプラグインのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.