多くの人がコメントした、長くて役立つブログ記事を開くことを想像してください。通常、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のコメントに「いいね」または「いいねでない」を付けることができます。これにより、訪問者は独自のコメントを残すことなく、あなたのサイトと交流できます。
これは、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
管理者
Himanshu
コメントに遅延読み込みをインストールしましたが、Newspaperテーマでは機能しません
WPBeginnerサポート
プラグインのサポートに連絡すれば、テーマとプラグインの競合であるかどうかを確認できるはずです。
管理者
アマル
サイトに多くのプラグインを入れるのは好きではないので、手動で行う方が良いです！手動で行う方法について書いていただけますか？
Samiullah Khan
インストールがサイトにどのような影響を与えるか分かりません。CSSやJavaScriptのリクエストが増えるかどうか。
独自のロジックを記述することには、さらに「もっと読み込む」ボタンを追加するためのDOM操作の処理や、スクロールイベントをリッスンして実際のコメントに置き換えることも含まれます。
どちらの方法にもトレードオフがあります。
マイク・パターソン
この素晴らしいプラグインをありがとうございます。本当に役立ちます！