多くの人がコメントした、長くて役立つブログ記事を開くことを想像してください。通常、WordPressはページとすべてのコメントを最初に読み込んでから、ユーザーに表示します。これにより、ウェブサイトの速度が低下し、ユーザーエクスペリエンスが悪化します。
WPBeginner での経験上、コメントの遅延読み込みは WordPress のパフォーマンスを向上させる素晴らしい方法です。特にコメントが多い投稿では効果的です。ユーザーが投稿の最下部までスクロールしたときに、コメントセクションの読み込みを遅延させます。
この記事では、WordPressでコメントを遅延読み込みし、サイトの速度を向上させ、訪問者によりスムーズなエクスペリエンスを提供する簡単なガイドを紹介します。
WordPressのコメントを遅延読み込みする理由
コメントはユーザーエンゲージメントに最適であり、WordPressのブログ投稿でコメントを増やす方法はたくさんあります。
しかし、コメントはウェブページのサイズを増加させる可能性もあります。これにより、ページの読み込み時間が長くなり、ユーザーが WordPress サイトのコンテンツを見るのを長く待たせることで、ユーザーエクスペリエンスを損なう可能性があります。
ページの読み込み速度は非常に重要なパフォーマンス指標です。ユーザーエクスペリエンス、サイトのSEOパフォーマンス、帯域幅にも影響します。詳細については、WordPressの速度とパフォーマンスを向上させるための究極のガイドをご覧ください。
コメントをすぐに読み込まないことで、記事のページ読み込み時間を大幅に改善できます。遅延読み込みは、低速なインターネット接続やモバイルデバイスなどの小さな画面でのユーザーエクスペリエンスも向上させます。
とはいえ、WordPressのコメントに遅延読み込みを簡単に追加する方法を見ていきましょう。
WordPressのコメントを遅延読み込みする方法
まず、Lazy Load for Commentsプラグインをインストールして有効にする必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。
有効化したら、プラグインを設定するために設定 » ディスカッションページにアクセスする必要があります。
「Lazy Load Comments」セクションまでスクロールダウンし、遅延読み込み方法を選択するだけです。このプラグインは、WordPressウェブサイトでコメントを遅延読み込みするための2つの方法を提供します。
「クリック時」メソッドを選択すると、記事の最後にボタンが追加され、ユーザーがクリックしてコメントを読み込めるようになります。
また、「スクロール時」の方法を選択することもできます。これにより、ユーザーが投稿の最後までスクロールすると自動的にコメントが読み込まれます。
次に、「変更を保存」ボタンをクリックして設定を保存することを忘れないでください。
WordPressウェブサイトでのコメント遅延読み込みのテスト
これで、WordPressブログの任意の投稿にアクセスできます。コメントセクションの外観は、選択した遅延読み込み方法によって異なります。
「スクロール時」を選択した場合、記事の最後までスクロールするとWordPressのコメントセクションが自動的に読み込まれ、コメントを残したり既存のコメントを表示したりできるようになります。
ただし、「クリック時」を選択した場合、代わりに「コメントを読み込む」ボタンが表示されます。
ボタンをクリックすると、既存のコメントとコメントフォームが読み込まれます。
ボーナス：Thrive Commentsでコメントのインタラクションを改善する
コメントの遅延読み込みは、WordPressのコメントセクションでより良いユーザーエクスペリエンスを提供する方法の1つです。コメントプラグインを使用して、ユーザーエンゲージメントをさらに高めることもできます。
たとえば、Thrive Commentsを使用して、ウェブサイトのコメントエクスペリエンスを次のレベルに引き上げることができます。
このプラグインにより、ユーザーはコメントに「いいね」または「いいねしない」を付けることができます。これにより、訪問者はコメントを残さなくてもサイトとやり取りできます。
これは、WordPressウェブサイトをRedditのようにする方法の1つです。特定のマイルストーンに達したときに、コメント投稿者に自動的にバッジを授与することもできます。
このプラグインは、チームによるコメント管理も容易にします。コメントモデレーションダッシュボードを使用して、すばやく返信、削除、さらには他の管理者にコメントを割り当てることもできます。
この記事が、WordPressでコメントを簡単に遅延読み込みする方法を学ぶのに役立ったことを願っています。また、ユーザーがWordPressでコメントを購読できるようにする方法に関するガイドや、WordPressコメントを改善するための最高のプラグインの専門家による選択もご覧ください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
イジー・ヴァネック
遅延読み込みに関して、以前ブログで記事を書いたことがあります。これは、多くの人が完全に反対の意見を持っているトピックです。画像や、ここでコメントに見られるように素晴らしい実践だと考える人もいれば、遅延読み込みはウェブサイトの動作が不自然になることでユーザーエクスペリエンスに悪影響を与える可能性があり、特定の状況で明らかになる可能性があると指摘する人もいます。
遅延読み込みが累積レイアウトシフトメトリックに悪影響を与えるケースにも遭遇しました。これは、ウェブサイトのパフォーマンスを評価するための Google のメトリックに不利な影響を与える可能性があります。したがって、遅延読み込みは特定の状況では注意が必要であり、ユーザーエクスペリエンスと Google のウェブサイトパフォーマンスメトリックの両方を損なう可能性があります。
WPBeginnerサポート
It would heavily depend on how the lazy loading is added for if it would affect the cumulative layout shift or not. It is still an option for sites that want to use or try lazy loading to see what works for them
管理者
イジー・ヴァネック
ご回答ありがとうございます。はい、ウェブサイトのレイアウトが重要であり、遅延読み込みは人によっては合うかもしれませんが、合わない人もいるというのは正しいです。しかし、PageSpeed Insightsが遅延読み込みを否定的に評価し、無効にすることを推奨していたことに驚きました。
ラルフ
私はブログの最初の作業の一つとしてコメントの遅延読み込みを有効にしましたが、誰もがそうすべきだと思います。
なぜかわかる？
スクロールのせいだよ。
例えば、コメントが100件ある専門的なブログ記事（珍しくない）があると、長くなることがあります。H2、H3などを明らかにスキャンするためにテキストを見ると、スクロールバーが非常に小さいことがわかります。コンテンツが非常に長いと想定され、読む気をなくさせる可能性があります。しかし、その3/4はコメントによるものである可能性があります。私たちは皆、時間があまりないので、本ではなく簡潔な情報を求めています。少なくとも私にとっては、そのような詳細は重要です。
WPBeginnerサポート
Thanks for sharing your reasoning
管理者
ヒマーンシュ
コメントに遅延読み込みをインストールしましたが、Newspaperテーマでは機能しません
WPBeginnerサポート
プラグインのサポートに連絡すれば、テーマとプラグインの競合であるかどうかを確認できるはずです。
管理者
アマル
サイトに多くのプラグインを入れるのは好きではないので、手動で行う方が良いです！手動で行う方法について書いていただけますか？
サミウラ・カーン
インストールがサイトにどのような影響を与えるか分かりません。CSSやJavaScriptのリクエストが増えるかどうか。
独自のロジックを記述することには、さらに「もっと読み込む」ボタンを追加するためのDOM操作の処理や、スクロールイベントをリッスンして実際のコメントに置き換えることも含まれます。
どちらの方法にもトレードオフがあります。
マイク・パターソン
この素晴らしいプラグインをありがとうございます。本当に役立ちます！