Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのコメントでGravatarsを遅延ロードしますか?

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

この投稿では、WordPressのコメントで簡単にGravatarsを遅延ロードし、サイトの速度を改善する方法を紹介します。

Lazy load Gravatars in WordPress comments

なぜWordPressのコメントでグラビアを遅延ロードするのか?

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

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

WordPress comments showing gravatar images of users

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

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

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

Gravatar requests on your website

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

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

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

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

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

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

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

Toggle the Gravatar switch to lazy load Gravatars in WordPress comments

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

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

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

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

Customize the Gravatar loading effect

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

WordPressのサイトスピードを向上させるボーナスのヒント

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

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

さらに詳しいヒントは、WordPressのスピードとパフォーマンスを向上させる究極のガイドをご覧ください。

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

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

Hostinger website

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

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

この投稿が、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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

4件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Kuba says

    Great article, as always!
    But I´ve got one question: should I use the BJ Lazy Load plugin if I use e.g. Yoast SEO plugin, too or is the last one enough?

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。