HTTP リクエストと読み込み時間を短縮する 6 つの最適な WordPress プラグイン

公開: 2023-03-17

あなたの WordPress サイトは遅く、複数のパフォーマンステストを実行した結果、改善提案の長いリストしか得られませんでした。

ただし、プラグインのリストを含む 50 個の新しいタブを開く前に、Web サイトが生成する HTTP リクエストの数を確認することをお勧めします。

簡単に見逃され、過剰な HTTP リクエストは、サイトの速度、パフォーマンス、SERP ランキング、コンバージョン率に大きな影響を与えます。

この記事では、次の内容について説明します。

HTTP リクエストとは
WordPress で HTTP リクエストを減らすことの重要性
HTTP リクエストを確認して分析する方法
多数の HTTP 要求の最も一般的な原因
HTTPリクエストを減らす6つのWordPressプラグイン
HTTP リクエストのベストプラクティス

さっそく飛び込みましょう！

HTTP リクエストとは何ですか?

ユーザーが Web サイトを開くたびに、Web ブラウザーは、テキスト、画像、ビデオ、およびその他のリソースなどのコンテンツを読み込むための信号をサーバーに送信します。次に、サーバーは要求されたリソースを送り返すことで応答します。

このシグナルは HTTP リクエストとも呼ばれ、HTTP リクエストの数は、Web サイトがコンテンツを提供してインタラクティブにするために必要なリソースの数に直接対応します。

HTTP リクエストの数が多いほど、Web サイトが適切に読み込まれるまでに時間がかかります。そのため、それらを減らすことは、WordPress Web サイトの速度低下を修正する最も効果的な方法の 1 つです。

WordPress で HTTP リクエストを減らすことが重要なのはなぜですか?

全体として、HTTP リクエストを減らすことは、読み込み時間とパフォーマンスを改善するための重要なステップであり、最終的には SEO の改善、トラフィックの増加、WordPress サイトのコンバージョンの成功につながります.

実際、なんと 70% のユーザーが、サイトの速度が継続する意欲に直接影響することを認めており、53% は、読み込みに時間がかかる Web サイトを放棄するだけです.

Google の目には、ウェブサイトの速度はオンラインビジネスの成功にとって重要です。 WordPress サイトの HTTP リクエストの数を減らすことで、速度とパフォーマンスが向上するだけでなく、次のことが保証されます。

直帰率の低下
ユーザーエクスペリエンスとエンゲージメントの向上
ユーザー満足度とコンバージョン率の向上
SERP での上位ランキング (+ 可視性とトラフィックの増加)

サイトの HTTP リクエストをチェックして分析する方法は?

WordPress サイトが実行する HTTP リクエストが多すぎると思われる場合、最初のステップはそれを確認することです。

サイトの HTTP リクエストを確認および分析するには、いくつかの一般的な方法を使用できます。

Chrome 開発者ツール: Web ページを右クリックして [検査] を選択するか、F12 キーを押します。開発者ツールで、[ネットワーク] タブに移動して、Web ページによって行われたすべての HTTP 要求と、それらのステータスコードおよび応答時間を確認します。

オンラインツール:サイトの HTTP 要求に関する詳細なレポートについては、GTmetrix または Pingdom を試すことができます。どちらも、Web サイトのパフォーマンスを分析し、最適化の機会を特定し、改善のための推奨事項を提供します。

GTmetrix レポートのテスト www.google.com のスニペット

最初に注目すべきリソースがわからない場合は、過剰な HTTP リクエストの最も一般的な原因を確認して、最初に最適化する必要があるものを強調します。

HTTP リクエストが多すぎる最も一般的な原因

不要または重いプラグインが多すぎる

不要またはリソースを大量に消費するプラグインは、Web サイトのパフォーマンスを低下させ、読み込み時間を増加させる可能性があります。ビジネスに不可欠で、サイトのコードへの影響を最小限に抑えるプラグインのみを使用することが重要です。

サイト全体でスクリプトをロードするプラグイン

一部のプラグインは、スクリプトが特定のページでのみ必要な場合でも、すべての Web サイトページに読み込まれます。これにより、HTTP リクエストの数が増えるだけでなく、有料のプラグインの価値が下がります。

不要または最適化されていない画像

最適化されていない大きな画像は、Web サイトのリソースを肥大化させ、それらを読み込むための HTTP リクエストの数を増やします。彼らは多くの場合、最適化のために最初に参加するだけでなく、どれがユーザーエクスペリエンスにとって重要でどれが参加できるかを決定するためのレビューも行います.

遅延読み込みされていない画像と動画

必要になる前に画像や動画を読み込んでしまうのはよくある間違いで、必要以上の HTTP リクエストがスタックされます。それらを遅延読み込みすると、最初のページ読み込みで行われるリクエストの数を大幅に最適化するのに役立ちます。

最適化されていない重い WordPress テーマ

不要なリソース、贅沢な効果を含み、速度が最適化されていないテーマは、Web サイトの速度を低下させ、パフォーマンスを低下させる可能性があります。 Astra や Superb Pixels などの実証済みのテーマを選択することで、サイトの外観と有効性を犠牲にすることなく、HTTP リクエストを最小限に抑えることができます。

サードパーティの HTTP リクエストが多すぎる

ソーシャルメディアウィジェットやトラッキングピクセルなどのサードパーティのスクリプトやリソースは、HTTP リクエストの数をゆっくりと、しかし確実に増加させる可能性があります。ページの読み込み時間への影響を減らすために、必要なサードパーティのスクリプトとリソースのみを使用し、それらを非同期で読み込むことが重要です。

複数の CSS スタイルシートと JavaScript ファイルが別々に読み込まれる

複数の CSS スタイルシートと JavaScript ファイルは、おそらく最適化が最も困難です。幸いなことに、このようなファイルを結合して縮小すると、HTTP 要求の数を減らし、読み込み時間を短縮できます。

レンダリングをブロックする JavaScript と CSS

レンダリングをブロックするリソースは、Web サイトの読み込みを遅らせ、サイトのパフォーマンスを低下させます。これらのリソースを非同期的に遅延またはロードして、ページの読み込み時間への影響を軽減することが重要です。

CDNを使用していない

CDN がない場合、Web サイトのリソースは単一のサーバーロケーションからのみ提供されます。 CDN は複数のサーバーの場所にリソースを分散できるため、リソースの読み込みにかかる時間が短縮され、サイトの速度が向上します。

最適化されていない HTML、CSS、および JavaScript

非効率的なコーディング方法、不要な空白、スライスされたコードは、過剰な HTTP リクエストの大きな原因です。この問題に対処するには、プラグインを使用するだけでなく、手動で最適化することも有効です。

袖をまくり上げて、自分ですべての問題に挑戦することは不可能であることがわかります. 専任の Web パフォーマンスチームがあり、その維持に多くのリソースを投入する意思がある場合を除き、別の方法を検討することをお勧めします。

特に、HTTP リクエストを簡単に最適化できるツールを厳選した場合はなおさらです。

HTTPリクエストを減らすための6つの最高のWordPressプラグイン（無料および有料）

1. 360度のパフォーマンス最適化のためのNitroPack

NitroPack プラグインは、多忙な WordPress サイト所有者を念頭に置いて設計および開発されています。特定のリソースのみに取り組むことに重点を置いた他のプラグインとは異なり、NitroPack は 360 最適化スタックを提供して、HTTP リクエストなどを削減します – 高度なキャッシング、完全な画像最適化、HTML/CSS/JavaScript の縮小と圧縮、およびワールドクラスのビルトインとの組み合わせCloudflareによるCDN。

インストールが完了すると、NitroPack は 35 以上の高度な最適化を自動的に適用し、特別な微調整は必要ありません。現在、168,000 人以上のアクティブユーザーが 90 以上の PageSpeed スコアを獲得し、Core Web Vitals に合格し、24 時間年中無休の専門技術サポートを受けています。

評価: 4.3
インストール数: 160,000+
価格：無料プランと有料プランあり

2.クラウドフレア CDN

Cloudflare は、世界中の 3,000 万の Web サイトと Web アプリケーションにオンラインサービスを提供するコンテンツ配信ネットワーク (CDN) および Web セキュリティ企業です。同社の CDN ネットワークは、100 か国以上にある 200 を超えるデータセンターで構成されており、エンドユーザーへの迅速かつ効率的なコンテンツ配信を可能にしています。

Cloudflare のエッジキャッシング、ロードバランシング、および圧縮のおかげで、サーバーに対する HTTP リクエストの数を大幅に減らすことができます。さらに、コンテンツの読み込みが平均 60% 速くなり、Web サイトのスケーラビリティが向上します。

評価: TrustRadius で 9.1
インストール数: 300 万以上
価格：無料プランと有料プランあり

3. リソースの遅延読み込みのための a3 Lazy Load

a3 Lazy Load は、画像、動画、iframe の遅延読み込みに重点を置いた WordPress プラグインです。プラグインは、ユーザーのビューポートに表示されている場合にのみこれらの要素をロードするため、最初にロードする必要があるデータの量が減ります。つまり、訪問者が Web サイトにアクセスしたときの HTTP リクエストが少なくなります。

評価: 4.3
インストール数: 100,000+
価格：無料

4.リソース縮小のためのFast Velocity Minify

Fast Velocity Minify は、CSS、JavaScript、および HTML ファイルを結合、縮小、およびキャッシュすることにより、ブラウザーによって行われる HTTP 要求の数を最適化するのに役立ちます。ファイルサイズを大幅に削減し、Web サイトの全体的な速度を向上させるのに役立ちます。

評価: 4.6
インストール数: 70,000+
価格：無料

5. 画像最適化のための EWWW Image Optimizer

EWWW Image Optimizer は、ロスレスおよびロッシー圧縮、サイズ変更、WebP 形式への変換など、新規および既存の画像にさまざまな最適化手法を提供します。 EWWW Image Optimizer は一般的なページビルダーと互換性があり、PNG、JPEG、GIF、PDF などの幅広いファイルタイプをサポートしているため、Web ページの読み込みに必要な HTTP リクエストの数を減らすことができます。

評価: 4.7
インストール数: 100 万以上
価格：無料および有料の機能が利用可能

6.プラグインオーガナイザー

プラグインオーガナイザーは、プラグインを制御するのに役立ちます。具体的には、プラグインが Web サイトのどこにロードされるかを制御できます。サイト全体に読み込まれるプラグインの数を減らすことで、ブラウザーが行う HTTP リクエストの数を大幅に減らすことができます。

評価: 4.7
インストール数: 20,000+
価格：無料

多すぎる HTTP リクエストの数は?

本質的に、HTTP リクエストは悪くありません。これらは Web サイトのコンテンツのレンダリングプロセスに不可欠な部分であり、過剰な場合にのみ Web サイトに害を及ぼします。

とはいえ、 「どのくらいの数の HTTP リクエストが適切なプラクティスなのか?」と疑問に思われるかもしれません。

小規模または中規模の Web サイトの HTTP 要求の理想的な数は 25 未満ですが、より管理しやすい初期規模を実現するには、50 未満を目標にする必要があります。

HTTP リクエストの最適な数は、WordPress サイトのサイズと複雑さによって異なることに注意してください。 経験則として、可能な場合はファイルを結合して縮小することにより、HTTP 要求の数を最小限に抑えるようにしてください。

最適化された数の HTTP 要求を持つ Web サイトのいくつかの例外的な例は次のとおりです。

Amazon.com:多くの画像とリソースを備えた巨大な e コマース Web サイトであるにもかかわらず、Amazon の豊富なホームページには平均 260 の HTTP リクエストがあり、非の打ちどころのない読み込み時間があります。
Medium.com:ブログや記事をホストする Medium プラットフォームには、初期ロードで 80 の HTTP 要求しかありません。
Getbootstrap.com:人気のあるフロントエンド開発フレームワークを提供する Bootstrap の Web サイトでは、ホームページに 20 個のリクエストがあり、HTTP リクエストの最適化に関する教科書を紹介しています。
Basecamp.com: Basecamp のプロジェクト管理プラットフォームは、36 の HTTP 要求のみを送信します。

これらの Web サイトは、リソースを最適化し、ファイルを結合し、効率的なコーディングプラクティスを使用して HTTP 要求の数を最小限に抑え、読み込みが高速でパフォーマンスの高い Web サイトを実現しています。

次のステップ

ケースの HTTP リクエストを削減するための最適なツールの選択は、要件、予算、および最適化戦略によって異なります。

サイトの最適なパフォーマンスを確保するには、テストを実行し続けて、新しく導入されたソリューションが機能していることを確認することが重要です。

さらに、サイトの分析、特にトラフィックとユーザーの行動を監視することを忘れないでください。過剰な HTTP リクエストの問題を修正した後、Web サイトの直帰率が低下し、平均サイト滞在時間が増加した場合は、変更によって Web サイトのパフォーマンスが向上したことを示しています。