WordPressでHTTPリクエストを減らすための13の最良の方法

HTTP リクエストについて

HTTP リクエストについて深く掘り下げる前に、まずそれに関する基本的な概念を明確にする必要があります。

• HTTP (Hypertext Transfer Protocol) は、ブラウザとサーバーが通信するために使用する言語です。
• ユーザーが Web サイトにアクセスすると、ブラウザは HTTP リクエストをサーバーに送信します。
• 次に、サーバーは Web ページを表示するリクエストを開始します。
• ウェブページを適切にロードするために、ブラウザは、プラグイン、ビデオ、画像などのさまざまなウェブページ コンポーネントに対して複数の HTTP リクエストを行う必要もあります。
• ウェブページのコンポーネントが多いほど、HTTP リクエストが多くなり、ウェブサイトのパフォーマンスが低下する可能性があります
• Web サイトの速度を改善するには、HTTP 要求の数を減らすことに集中することが重要です。

しかし、なぜ HTTP リクエストを減らす必要があるのでしょうか? 理由を調べてみましょう。

HTTP リクエストの数を減らす必要があるのはなぜですか?

どの Web サイトでも HTTP リクエストを少なくする必要がある主な理由は次のとおりです。

1. ページの読み込み時間 - HTTP リクエストを少なくする最初の理由は、ページの読み込み時間を短縮することです。 Web サイトが受け取る HTTP 要求が多いほど、要求された Web ページの読み込みに時間がかかります。 たとえば、Web ページが 10 個の HTTP リクエストを受信した場合、50 個の HTTP リクエストを受け取った別の Web ページよりも速く読み込まれるとします。

そして、ページの読み込み時間に関連する本当の問題は訪問者です。 ページの読み込み時間が長いほど、Web トラフィックは少なくなります。訪問者はコンテンツが Web サイトに読み込まれるのを待ちたくないからです。 特に、インターネット上で多くの競争が行われている場合、ページの読み込み時間の長い Web サイトは、時間の経過とともにトラフィックを失い、結果的に見込み客が少なくなる可能性があります。これは望ましくありません。

2. 直帰率– 長いページ読み込み時間と低いリードが Web サイトの他のパラメーターにどのように影響するかを見てみましょう。 2017 年に Google が公開したレポートによると、ページの読み込み時間が 1 ～ 3 秒遅くなると、直帰率は最終的に最大 32% 増加しました。 さらに悪いことに、読み込み時間が短いと SEO ランキングにも影響し、すべての努力が無駄になります。

これで、Web サイトの主要指標やオンライン ビジネスに影響を与えない HTTP リクエストを減らすことがいかに重要になったかを理解できるようになりました。

Web サイトの不要な HTTP リクエストを分析する方法は?

これまでのところ、HTTP リクエストがどのように機能するか、およびリクエストを減らす必要がある理由を簡単に理解できるようにしようとしました。 ここで、Web サイトが処理している HTTP リクエストの数を特定し、それをどのように分析できるでしょうか? 見てみましょう！

Web サイトが処理している HTTP リクエストを特定する

Web サイトが受け取る HTTP リクエストの数を知らずに、HTTP リクエストを削除したり、数を減らしたりすることはできません。 しかし幸いなことに、Web サイトの HTTP 要求を識別するのに役立つさまざまなオンライン ツールが利用可能です。

たとえば、Pingdom は人気のある Web サイト パフォーマンス テスト ツールの 1 つで、無料の Web サイト パフォーマンス レポートを即座に提供し、Web サイトが受け取っているリクエストの数を確認することもできます。

ただし、Chrome ブラウザを使用している場合は、DevTools で HTTP リクエストの数を確認することもできます。 これを行うには、チェックしたいページを右クリックし、「検査 > ネットワーク」オプションを選択するだけです。

監査を実行して、Web サイトの評価を分析します

維持管理を改善するには、Web サイトのパフォーマンスを定期的に評価する必要があります。 より良い方法でそれを理解しましょう。

前述のように、Pingdom という名前の無料の Web サイト パフォーマンス テスト ツールを使用しました。 しかし、無料のツールには 1 つの問題があります。つまり、機能が制限されており、基本的な結果しか得られないということです。 ただし、詳細なWebサイトのパフォーマンスと分析レポートを提供する多くのプレミアムツールも利用できます.

Semrush は、選択できるプレミアム監査ツールの 1 つです。 このツールの使用を開始するには、次のことを行う必要があります。

1. [すべてのツール] > [プロジェクト] > [新しいプロジェクトの追加] に移動します
2. ウェブサイトのドメインと名前を入力してください
3. プロジェクトの作成をクリック
4. このツールは、テストを実行し、デスクトップとモバイル デバイスの両方の Web サイトのパフォーマンスを分析します。
5. 任意の時間にクロールをスケジュールするオプションも利用できます。

プロジェクトを追加した後、サイト監査ダッシュボードに入ることができます。ここでは、さまざまな種類のツールが利用可能であることがわかります。それらは次のとおりです。

1. サイト監査
2. 位置追跡
3. オンページ SEO チェッカー
4. ソーシャル メディアのポスター
5. ソーシャル メディア トラッカー
6. ブランド監視など。

しかし、このブログでは主に Semrush サイト監査ツールに焦点を当てます。

Semrush サイト監査

サイト監査ツールは、0 ～ 100% の範囲の詳細なサイト監査スコアを提供します。

上の画像から、82% のサイトの健全性が示されていることを示す Semrush サイト監査レポートを見ることができます。 この Web サイトの正常性スコアは、Web サイトのパフォーマンスが依存する他のさまざまなパラメーターや要因に基づいて計算されます。 エラーや問題のある Web サイト ページ、壊れたページ、クローラーがクロールできないページなど、さまざまなページがあります。

• ウェブサイトの健全性スコアは、ウェブサイトのパフォーマンスを分析し、スコアが高いほどウェブサイトの健全性が高いことを示します
• Semrush は、クローラーから受け取ったエラーと警告に関するレポートと情報を提供します
• 警告は二次的な懸念事項になる可能性がありますが、エラーはできるだけ早く修正する必要があり、優先事項にする必要があります。

このツールは、100 を超えるさまざまな種類の Web サイトの問題をチェックでき、簡単に特定して対処できます。

すでに WPOven で Web サイトをホストしている場合は、以下の方法に従って HTTP リクエストを減らし、Web サイトの読み込み時間を改善する必要はないかもしれません。 ただし、一部のサイトには依然として有益である可能性があるため、テストすることをお勧めしますが、実際には違いは見つかりません.

HTTP リクエストを減らすために必要な 10 のステップ

ただし、Web サイトのパフォーマンスが低下する理由は他にもさまざまであり、Web サイトによっても異なります。 しかし、通常は共通の主な問題、つまり過剰な HTTP リクエストがあります。 これを考慮して、Web サイトを通過する HTTP リクエストを減らすことができる 10 の簡単で包括的な手順を提供します。

• 未使用のプラグインを削除または削除する
• 使用していない画像を削除する
• 重いプラグインを削除して軽いプラグインに置き換える
• 遅延読み込み機能を有効にする
• 既存の画像のファイル サイズを縮小する
• 不要なメディアを削除または除去する
• CDN を使用する
• キャッシュを使用する
• CSSとJavascript
• サードパーティのリクエストを制限する
• 外部スクリプトを制限する
• 縮小化
• WordPress プラグインを使用して HTTP リクエストを減らす

1.未使用のプラグインを削除または削除する

WordPress は、その柔軟性と幅広い WordPress プラグインの選択肢で有名です。 しかし、それには問題があります。 多機能なプラグインもあれば、役に立たないプラグインもあります。 一般的に、WordPress プラグインについてあまり知識のない初心者や新規ユーザーは、やみくもにプラグインをインストールしてアクティブ化する傾向があります。 その結果、機能を提供する代わりに、リソースを消費して Web サイトの速度を低下させ始めます。

2.使用していない画像を削除する

• 画像や動画などのメディアはユーザー エクスペリエンスを向上させますが、必要な場合にのみ使用してください。
• すべての画像は HTTP リクエストを作成し、画像が多すぎると Web サイトの読み込み時間が遅くなる可能性があります
• 各 Web ページを監査し、無関係な画像を削除して、Web サイトのパフォーマンスを向上させます。

3.重いプラグインを削除して軽いプラグインに置き換える

• HTTP リクエストを最小限に抑えるには、重いプラグインを基本的な機能を持つ軽いプラグインに置き換えます
• 機能がバンドルされているプラ​​グインには注意してください。リソースを大量に消費する可能性があります
• バンドルされた機能ではなく合理化された機能を提供するプラグインを探してください。ページの速度が低下せず、HTTP リクエストの数も少なくなります。
• 不要なプラグインのインストールは避けてください。

4. 遅延読み込み機能を有効にする

「遅延読み込み」は、HTTP リクエストの数を減らすために有効にできる最高の機能の 1 つです。 この機能を有効にすると、ユーザーが Web サイトを下にスクロールし始めるまで、Web サイト上の画像やビデオは読み込まれません。 しかし、この機能が HTTP リクエストの数を減らすのにどのように役立つのか疑問に思うかもしれません。

答えは次のとおりです。ユーザーが Web ページをスクロールしない限り、メディアは読み込まれないため、最初のページ読み込みの HTTP リクエストはトリガーされません。 このため、ユーザー エクスペリエンスにも影響しません。 おもしろいことに、大多数のユーザーはこの機能と、通常の読み込みと遅延読み込みの違いについて知りません。

ここでの主な質問は、Web サイトでこの機能を有効にするにはどうすればよいかということです。

• 遅延読み込み機能は、WordPress ディレクトリの遅延読み込みプラグインを使用して有効にすることができます
• プラグインは軽量で、多くのリソースを消費しません
• インストールして有効化するだけで、すぐに使用できます。

WP RocketによるLazyLoad

Lazy Load by WP Rocket は WordPress のプラグインで、ユーザーが必要とするまで画像、動画、iframe の読み込みを遅らせ、ページの読み込み時間を短縮します。

ダウンロード中

src 属性をプレースホルダーに置き換え、ユーザーがスクロールしたときに実際のリソースをロードすることで、データ転送を減らし、初期ロード時間を短縮します。 使い方は簡単で、設定は必要ありません。

あなたが知りたいいくつかの重要な機能：

1. HTTP リクエストを減らす
2. ロード時間の改善
3. JavaScript ライブラリは使用されません
4. YouTubeのiframeを置き換えることができます

価格

WPRocket が所有する lazyload は、WordPress ディレクトリから無料でインストールして使用できるオープンソースのプラグインです。

5.既存の画像のファイルサイズを圧縮/縮小する

• 不要な画像を削除した後、品質を損なうことなくファイル サイズを圧縮または縮小して、既存の画像を最適化します
• 圧縮とサイズ変更は異なります。圧縮はファイル サイズを縮小することで品質を維持しますが、サイズ変更は品質を損なう可能性があります
• さまざまなツールを使用して画像を圧縮します。一般的なツールは Adob​​e や JPEG Optimizer で、品質を損なうことなく画像を圧縮できます。

6.不要な動画を削除または削除する

• Web サイトから不要な動画を削除して、サーバー スペースを節約し、Web ページの読み込み時間を改善します。
• 不要なイメージやプラグインをパージするなど、シンプルでわかりやすいプロセス。
• 視聴者との関連性とコンテンツの価値を分析して、削除する動画を決定します。
• 無関係な動画を削除するか、長さを短くします。

7. コンテンツ配信ネットワーク (CDN) を使用する

近年、CDN は大きな成果を上げており、人気が高まっています。 なぜだめですか？ 結局のところ、CDN は Web サイトの速度を上げ、SEO と信頼性を高めることで、ユーザーに大きな利益をもたらしました。

• CDN はキャッシュされた Web サイト コンテンツを可能な限り最も近い場所から配信し、Web サイトの速度を向上させることで最もよく知られています。
• CDN は、HTTP リクエストの数を減らすのにも役立ちます
• 多くの WordPress ユーザーに人気があり、有名な CDN プロバイダーは Cloudflare、Amazon CloudFront などです。
• Web サイトで CDN を適切に構成すると、Web サイトの速度が驚くほど向上します。

ただし、これらの機能はすべて、月額平均で約 20 ドルかかるいくつかの料金が適用されます。

8. キャッシュを使用する

HTTP 要求を少なくするもう 1 つの最良の方法は、コンテンツ キャッシュを使用することです。 ブラウザーのキャッシュには、Web ページにコンテンツを表示するために使用されるスクリプトのコピーが保存されます。これにより、キャッシュがクリアされない限り、訪問者が Web サイトに再度アクセスしたときに HTTP 要求が不要になります。

従うべきいくつかのポイントコンテンツキャッシュの準備をウェブサイトに通知するためのヒントをいくつか紹介しましょう。

1. 非常に必要な場合を除き、Cookie の使用は避けてください。
2. すべてのメディア ファイルのライブラリを作成し、それらを何度も使用します。
3. 同じ URL を使用する
4. Web サイトのキャッシュ可能性を評価するのに役立つ、オンラインで入手できる無料のツールを利用してください。

9.CSSとJavascript

• HTTP リクエストを減らす方法の 1 つは、複数の CSS ファイルと JavaScript ファイルを組み合わせることです。
• CSS ファイルを手動で調整せずにファイルを結合するための簡単な方法
• WordPressキャッシュプラグインにはこの機能があり、インストールして有効にし、設定を正しく構成するだけです
• 状況によっては、プラグインが必要ない場合があります。

現在、これらの機能を備えた WordPress テーマがいくつかリリースされています。

10. サードパーティのリクエストを制限する

• 訪問者がページを開こうとすると、サードパーティの要求がブラウザーから送信され、Web サイトの読み込みが遅くなる可能性があります。
• サードパーティの応答時間は予測不能であり、Web サイトの読み込み時間に影響を与える可能性があります
• これを軽減するには、スクリプトを直接リンクする代わりに、遅延読み込みとホスト スクリプトを有効にします。
• サードパーティのリクエストを行うプラグインを特定して削除するか、別のプラグインを試してください。

11. 外部スクリプトを制限する

外部スクリプトという用語を何度も耳にしたことがあるかもしれませんが、特に開発者でない場合は、それが正確に何であるかはわかりません。 外部スクリプトは、他の Web サイトから要求を取得するものです。

ここで、外部スクリプトが良いか悪いか疑問に思うかもしれません。 最良の答えは、それが良いことでも悪いことでもないということです。 使い方にもよりますが、レッサー外部スクリプトは驚くべきことを行うことができず、過度に実行すると、HTTP を大量に要求し始めます。

聞いたことはあるが、それらが常に実行されている外部スクリプトであるという事実に気付いていない外部スクリプトがいくつかあります。

1. ソーシャル メディア プラグイン
2. 埋め込まれた GIF またはビデオ
3. ウィジェットなど

問題解決に創造力を働かせることで、HTTP リクエストを制限したり少なくしたりできます。たとえば、Web サイトでマップ プラグインを使用する代わりに、マップの写真を撮って使用することができます。 すべての場合において、画像はプラグインよりも HTTP リクエストが少なくなります。

12.縮小

• 縮小とは、機能を変更せずにソース コードから不要な文字を削除するプロセスです。
• 読みやすくするために、コメントや空白などの不要な文字を削除します
• 実行の高速化とコードの軽量化が可能
• プラグインやテーマ オプションのキャッシュに使用できるため、HTTP リクエストが少なくなり、ウェブサイトの読み込みが速くなります。

13. WordPress プラグインを使用して HTTP リクエストを減らす

ほとんどの機能や設定にプラグインを使用することは常に控えてください。 ご存じのとおり、あまりにも多くのプラグインをインストールすると、ウェブサイトの速度にも影響を与える可能性があります。 しかし、主な問題は、誰もが開発者であったり、WordPress の技術的な知識を持っているわけではないということです。

平均的なユーザーは、コア ファイルへのアクセスや編集よりもプラグインの使用を好みます。 時間と労力を大幅に削減できるからです。 便宜上、Web サイトでの HTTP リクエストの数を減らすのに役立つ 1 つのプラグインを検討できます。

WPロケット

WP Rocket は、現在市場で入手可能な最高の WordPress キャッシュ プラグインの 1 つです。 非常に使いやすく、初心者に最適な WordPress キャッシュ プラグインです。 非常に多くのキャッシュツールとオプションを提供することにより、技術オタクでない場合はすべてを提供します.

WPRocket プラグインの公式 Web サイトでサイト速度の結果を確認したところ、以下の結果が得られました。

このプラグインを使用すると、ワンクリックでウェブサイトをキャッシュできます。 プラグインによって提供されるクローラーは、WordPress ページを自動的に取得してキャッシュを構築します。 この WordPress キャッシュ プラグインの最も優れた点は、gzip 圧縮、ページ キャッシュ、キャッシュの事前読み込みなど、必要な WordPressキャッシュ設定を自動的にオンにすることです。

WPロケットプラグインの特徴

それでは、WP Rocket プラグインが提供する機能を詳しく見ていきましょう。

• WordPress サイトをキャッシュに入れましょう。キャッシュすると、サイトの読み込みが超高速になります。
• サーバーで Web ページを圧縮し、ブラウザで解凍します。
• 変更のたびにキャッシュを自動的にプリロードします。
• 機密性の高いページをキャッシュから除外します。
• 頻繁にアクセスされるリソースをローカル メモリに格納します。
• 最も人気のあるテーマとプラグインと互換性があります。

さて、この WordPress キャッシング プラグインがどれほど役立つか想像してみてください。 わずかな投資が必要ですが、結果は非常に印象的です。

プラグインの完全なリストとそのレビューについては、別の記事「ウェブサイトをスピードアップするための 11 のベスト WordPress キャッシュ プラグイン (無料 + プレミアム)」を参照してください。

ただし、上記のすべての方法を使用した後でも、Web サイトはドラッグされています。Web サイトのすべてのコアからあなたを助けることができる開発者を雇うのは最後の手段です。

結論

これまでのところ、HTTP リクエストとは何か、HTTP リクエストを減らすとどのように役立つかを知ることができました。 HTTP リクエストは、Web サイトのコンテンツを表示し、訪問者に魅力的でより魅力的なエクスペリエンスを提供するために非常に重要です。

そして、あなたはあなたのウェブサイトで何か問題が起こるのを好まないでしょう. 結局のところ、Web サイトのパフォーマンスが損なわれるだけでなく、潜在的な顧客との関係も損なわれます。

しかし、最良の部分は、ブラウザーが Web サイトへの HTTP 要求を少なくするためのさまざまな方法があることです。 読み込み時間を短縮し、メディア ファイルをより適切に最適化し、SEO を改善し、最終的により多くの見込み客を生み出すことができます。

よくある質問