WordPressでHTTPリクエストを減らすには？

私たちはHTTPリクエストの削減右ローディング速度これには意味があります。誰かがウェブサイトを訪れると、ブラウザはウェブサーバにリクエストを送り、そのページを表示するために必要なページをダウンロードします。画像、スタイルシート、スクリプトを含むすべてのファイル.それぞれ HTTPリクエストは、読み込みプロセスに時間を追加します。.

リクエストが多すぎると、サーバーへの負荷が高まり、サイトの読み込みが遅くなります。ウェブサイトの SEOランキングそしてユーザーエクスペリエンス。

この記事では、WordPressのHTTPリクエストを減らし、ウェブサイトのパフォーマンスを向上させるための実践的な方法をいくつかご紹介します。

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

ウェブサイトの各ページには通常、複数の要素が含まれています。これらの要素には次のようなものがあります。画像、CSS、JavaScriptファイル、動画の埋め込みその他

誰かがウェブページにアクセスすると、ブラウザはページを表示するために各要素を個別に読み込む必要があります。ウェブサイトに多くの画像やその他のリソースが含まれている場合、読み込み時間が遅くなる可能性があります。

サーバー上のファイルに加えて、ウェブサイトは、Google Analyticsスクリプト、ソーシャルメディアウィジェットや広告ピクセルなどのリソースをロードする外部ソースを持つ可能性があります。

これらの要素は、ウェブサイトの機能性やユーザーエクスペリエンスを向上させる一方で、最適化されていないと読み込み速度を低下させる可能性があります。

遅いウェブサイトは訪問者の忍耐力を失わせ、ページが完全に読み込まれる前に離脱してしまう可能性があります。Strange Loopの調査によると、1秒の遅延はコンバージョン数を7%減少させ、ページビューを11%減少させ、顧客満足度を16%減少させます。

奇妙なループのスピード調査

WordPress で HTTP リクエストを減らすことは、サイトのパフォーマンスを向上させる素晴らしい方法であり、サイトのページ読み込みを高速化する重要な方法の 1 つです。

HTTPリクエストを識別する方法

を学ぶ上でWordPressでHTTPリクエストを削減その前に、これらのリクエストの見分け方について少し。

ウェブサイトによるHTTPリクエストは、ブラウザの開発者ツールで確認できます。ページの読み込みに必要なすべてのファイルのリストが表示されます。

例えば、Google Chromeの場合、デベロッパーツールを開くには、次の手順に従います。"ビュー" ""デベロッパー"" ""チェック"""またはページ上で右クリックし、メニューから「チェック」を選択します。.

次に、"網目"タブをクリックします。ページを再読み込みすると、内部および外部 HTTP リクエストを含む、読み込まれたすべてのリソースのリストが表示されます。

ブラウザの開発者ツールによるHTTPリクエストの特定

外部からのHTTPリクエストだけを表示したい場合は、"第三者からの要請"フィルターJS(JavaScript)やCSSなど、ロード時間に影響を与える可能性のある特定の種類のファイルだけを気にする場合は、上部のボタンを使ってリストをフィルタリングできます。

読み込みが遅いファイルに注意してください。をチェックすることができます。回"列をクリックすると、各リソースの読み込みにかかる時間が表示されます。列のヘッダーをクリックすると時間順に並び替えられ、さらにクリックすると最も遅いファイルが一番上にロードされます。

4列目の"イニシエータ「ファイルを読み込んだプラグインやテーマの名前が表示されることがあります。読み込みが遅い原因となっている可能性のあるプラグインやテーマをメモしておいてください。

WordPressでHTTPリクエストを減らす方法

1.CSSファイルとJavaScriptファイルのマージ

HTTPリクエストを減らす最善の方法の1つは、アクセスする必要があるファイルの数を減らすことです。複数のファイルをマージすることで、機能に影響を与えることなくHTTPリクエストを減らすことができます。

たとえば、サイト デザインのさまざまな部分に関連する複数の CSS ファイルを 1 つのファイルにまとめることができます。この単一のファイルには必要なスタイル コードがすべて含まれるため、ブラウザは複数のリクエストを行う必要がなく、1 回のリクエストで済みます。

同様に、複数のJavaScriptファイルを1つにまとめることで、ウェブサイトのインタラクティブ要素を読み込むのに必要なリクエスト数を減らすことができます。

複数 WordPressプラグインこのプロセスを自動化することも可能です。一般的なオプションは以下の通りです。 WP Rocket（有料版）とAutoptimize（無料版）があります。

WP RocketでCSS、JavaScript、iFrameを圧縮します。

これらのプラグインはファイルをマージするだけでなく、圧縮も行います。圧縮はコードからスペースやコメントなどの不要な文字を削除し、機能に影響を与えることなくファイルを小さくします。これにより、ダウンロードする必要があるデータ量が減るため、読み込み速度がさらに向上します。

2.画像や動画の読み込み遅延

ディレイ・ローディングは、ウェブサイトの読み込みパフォーマンスを向上させるもうひとつの優れた方法です。

通常、WordPressはページを表示する前にすべてのメディアファイルを読み込みますが、たとえこれらの画像や動画がページの下部にあり、ユーザーからすぐには見えない場合であってもです。このため、初期ページの読み込み時間が大幅に長くなる可能性があります。

ディレイローディングは、画像や動画の読み込みをユーザーの視界にスクロールされるまで遅延させることで、処理を最適化します。

WP Rocketで遅延ロードを有効にする方法

3.コンテンツ配信ネットワーク（CDN）の利用

コンテンツ・デリバリー・ネットワーク(CDN)は、特にサイトのウェブサーバーから離れた場所に住んでいるユーザーのために、WordPressサイトの読み込み速度を向上させるもう一つの方法です。

以前の方法とは異なり、CDNはHTTPリクエストの数を減らすのではなく、これらのリクエストの処理方法を最適化します。

通常、ウェブサイトのファイルは1つのウェブサーバーに保存され、世界中のユーザーがその場所からファイルを要求する必要があります。CDNは、世界中の高速サーバーにWebサイトのファイルを保存し、ユーザーの自宅から離れた場所からファイルを送信します。ブラウザに送信する最寄りのサーバー.

CDNの仕組み

ページの読み込み速度を改善するためにCloudflareを使用しています：WordPressでCloudflare無料CDNを設定する方法.

4.ブラウザキャッシュの利用

ブラウザのキャッシュを利用することで、ウェブサイトへのHTTPリクエストの回数を減らすことができます。

ユーザーが初めてウェブサイトにアクセスすると、ブラウザは画像、スタイルシート、JavaScriptファイルなどの必要なリソースをすべてダウンロードします。ブラウザのキャッシュは、ブラウザがこれらのファイルのコピーをユーザーのコンピュータにローカルに保存することを可能にします。

次にユーザーがウェブサイトにアクセスすると、ブラウザはサーバーにHTTPリクエストを送信する前にローカルキャッシュをチェックします。キャッシュ内に未使用のファイルコピーがある場合、ブラウザは再ダウンロードする代わりにローカルファイルを使用します。

このアプローチは、サーバーが受け取るHTTPリクエストの数を減らし、その結果、リピーターのユーザーにより速い読み込み速度を提供します。

しかし、ウェブサイトのコンテンツが頻繁に更新される場合は、キャッシュリソースに適切な有効期限を設定することが重要です。これにより、ユーザーは確実に最新バージョンのファイルを入手することができます。

これはWordPressで 期限切れヘッダ を使用して、リソースのキャッシュ期間を制御します。これらのヘッダは、キャッシュされたファイルがいつ期限切れとみなされ、サーバから再ダウンロードする必要があるかをブラウザに伝えます。

5.外部資源利用の削減

WordPressのプラグインやテーマの多くは、スクリプト、スタイルシート、画像など、Google Analytics、Facebook、フォントプロバイダーなどの外部ウェブサイトからリソースを読み込みます。

このような外部からのHTTPリクエストは、ブラウザが必要なコンポーネントをすべて取得するために複数のサーバーに接続する必要があるため、ウェブサイトの読み込み速度に影響を与える可能性があります。

これらの外部リソースが速度のために最適化されている場合でも、使用する数が多すぎると、ウェブサイトのパフォーマンスが低下する可能性があります。

外部HTTPリクエストを減らす方法

1. 不要なプラグインやテーマの無効化と削除
   まず、不要なプラグインやテーマを無効にして削除します。
2. 読み込みの遅いプラグインやテーマの置き換え
   より遅いファイルを読み込むプラグインやテーマの代替を探してください。HTTPリクエストを特定する際に、関連する問題にお気づきかもしれません。
3. パフォーマンス優先のプラグインを選びましょう
   WordPressのプラグインを選ぶ際には、読み込む外部リソースに注意してください。パフォーマンス重視のプラグインを優先し、外部スクリプトやスタイルを大量に読み込むプラグインは避けましょう。
4. プラグイン管理ツールの使用
   プラグインをより細かく制御する必要がある場合は、以下のようなプラグインの使用を検討してください。 プラグイン・オーガナイザー そんなプラグイン管理ツール。必要なページだけにプラグインを選択的に読み込むことができます。

プラグインのロード管理

最後に、カスタムWebフォントはGoogle Fontsなどの外部プロバイダから読み込まれることが多く、HTTPリクエストが大幅に増加する可能性があります。これは以下の方法で最適化できます：

• フォントファミリーとフォントウェイトの数を制限します。
• 外部リソースの読み込みを減らすために、システムフォント（ユーザーのコンピュータにすでにインストールされている）を使用することを検討してください。