Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでHTTPリクエストを減らす方法(6つの簡単な方法)

数年前、私たちはWPBeginnerサイトを高速化する最善の方法を探していました。その時、HTTPリクエストを減らすことが読み込み速度に影響することを発見しました。

誰かがあなたのサイトを訪問するたびに、ブラウザーはサーバーにリクエストを行い、画像、スタイルシート、スクリプトなど、ページを表示するために必要なすべてのファイルをダウンロードするように要求します。残念なことに、これらのHTTPリクエストのたびに、読み込みプロセスに時間がかかります。

リクエストが多すぎると、サーバーの負担が大きくなり、サイトの表示速度が低下します。また、サイトのSEOやユーザーエクスペリエンスにも悪影響を及ぼします。

この投稿では、WordPressのHTTPリクエストを減らし、サイトのパフォーマンスを向上させる実践的な方法を紹介します。

How to Reduce HTTP Requests in WordPress

なぜWordPressでHTTPリクエストを減らすのか?

WordPress サイトの各ページには、通常いくつかの要素が含まれています。これらの要素には、画像、CSS、JavaScriptファイル、動画の埋め込みなどがあります。

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

サーバーにホストされているファイルに加え、Googleアナリティクススクリプト、ソーシャルメディアウィジェット、広告ピクセルなど、サイトが外部ソースからリソースを読み込む場合もあります。

これらの要素はサイトの機能性やユーザーエクスペリエンスを向上させる一方で、最適化されていないと読み込み時間を遅くする可能性もあります。

遅いサイトは訪問者をイライラさせ、ページが完全に読み込まれる前に離脱させる可能性があります。Strange Loopの調査によると、1秒の遅延はコンバージョンの7%減少、ページ表示の11%減少、顧客満足度の16%ドロップにつながります。

Strangeloop speed study

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

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

WordPressでHTTPリクエストを減らす方法を紹介する前に、HTTPリクエストを特定する方法を説明しよう。

ブラウザーの開発者ツールを使えば、サイトが行ったHTTPリクエストを簡単に表示できます。これにより、ウェブページを表示するために読み込む必要があるファイルのリストが表示されます。

例えばGoogle Chromeの場合、「表示 ” 開発者 ” 検査」で開発者ツールを開くことができます。ページを右クリックして、メニューから「Inspect」を選択することもできます。

次に、「ネットワーク」タブに移動する。ページをリロードすると、内部および外部からのHTTPリクエストを含む、ロードされたすべてのリソースのリストが表示されます。

Identifying HTTP Requests Using Your Browser's Developer Tools

外部からのHTTPリクエストのみを表示するには、「3rd-party requests」フィルターを使用できます。JS(JavaScript)やCSSなど、読み込み時間に影響を与える可能性のある特定の種類のファイルだけを表示したい場合は、上部にあるボタンでフィルターをかけてください。

読み込みに時間がかかるファイルに注意してください。時間」カラムを見れば、それぞれのリソースがロードされるのにかかる時間がわかります。そして、このカラムの見出しをクリックすると、リストを時間順に並べ替えることができ、2回目にクリックすると、最も読み込みの遅いファイルが一番上に表示されます。

4番目の「イニシエータ」の列を見ると、ファイルを読み込んだプラグインやテーマの名前が表示されていることがあります。読み込みの遅いファイルを要求するプラグインやテーマがあれば、メモしておきましょう。

Pingdomのようなサードパーティツールを使用すると、より詳細なレポートを得ることができます。詳しくは、WordPressでサードパーティのドメインリクエストをトラッキングする方法をご覧ください。

とはいえ、WordPressでHTTPリクエストを減らし、読み込み時間を短縮し、ユーザーエクスペリエンスを向上させ、検索エンジンのランキングを上げる最善の方法をいくつかご紹介します:

始めよう!

1.CSSとJavaScriptファイルを組み合わせる

サイトへのHTTPリクエスト数を減らす最善の方法は、アクセスする必要のあるファイル数を減らすことです。複数のファイルを組み合わせることで、機能を損なうことなくHTTPリクエストを減らすことができます。

たとえば、サイトデザインのさまざまな部分に複数のCSSファイルを用意する代わりに、それらを個別ファイルに統合することができます。この個別ファイルには必要なスタイリングコードがすべて含まれるため、ブラウザーは何度もリクエストする必要がなく、1回リクエストするだけで済みます。

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

いくつかのWordPressプラグインは、あなたのためにこのプロセスを自動化することができます。人気のオプションには、WP Rocket(プレミアム)とAutoptimize(無料)があります。

これらのプラグインの詳しい使い方については、WordPressでレンダーブロックを起こすJavaScriptとCSSを修正する方法をご覧ください。

Minifying CSS, JavaScript, and iFrame in WP Rocket

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

2.画像と動画の遅延ロード

レイジーローディングは、サイトの読み込みパフォーマンスを向上させるもう1つの良い方法です。特に、ページに画像や動画が多く含まれている場合、この方法が有効です。

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

レイジーローディングは、画像や動画の読み込みをユーザーの表示にスクロールするまで遅らせることで、このプロセスを最適化します。

Enabling Lazyload in WP Rocket

これらの役立つチュートリアルは、WordPressサイトで遅延読み込みを設定する方法を学ぶのに役立ちます:

3.コンテンツ・デリバリー・システム(CDN)の利用

コンテンツデリバリーネットワーク(CDN)を使用することも、WordPressサイトの読み込み速度を向上させる効果的な戦略です。

これまでの方法とは異なり、CDNはHTTPリクエストの数を減らすわけではない。その代わり、リクエストの処理方法を最適化する。

通常、ウェブサイトのファイルは個別ウェブサーバーに保存され、世界中のユーザーがこの1カ所からファイルをリクエストする必要があります。CDNは、世界中に配置された高速サーバーにサイトのファイルのコピーを保存し、ユーザーに最も近いサーバーからユーザーのブラウザーに配信します。

How does a CDN work

WordPressのCDNサービスの専門家による比較をご覧になり、どの設定があなたのサイトに最も適しているかをご確認ください。

WPBeginnerでは、ページの読み込み速度を改善するためにCloudflareを使用しています。WordPressでCloudflare無料CDNを設定する方法については、ステップバイステップのチュートリアルをご覧ください。

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

また、ブラウザー・キャッシュを活用することで、サイトへのHTTPリクエストを減らすこともできます。特に、頻繁にサイトを訪れる定期的なユーザーがいる場合は、この方法が有効です。

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

ブラウザーは、次にあなたのサイトにアクセスしたとき、サーバーにHTTPリクエストを行う前にローカルキャッシュをチェックする。キャッシュの中に未使用のファイルのコピーが見つかった場合、ブラウザーはそのファイルを再度ダウンロードするのではなく、ローカルのファイルを使用します。

これにより、サーバーへのHTTPリクエスト数が大幅に削減され、再訪問者のロード時間が短縮されます。

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

WordPressにExpiresヘッダーを追加することで、リソースのキャッシュ期間をコントロールすることができます。これらのヘッダは、キャッシュされたファイルがいつ古くなったとみなされ、サーバーから再ダウンロードする必要があるかをブラウザーに伝えます。

5.外部リソースの使用を最小限に抑える

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

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

これらの外部リソースがスピードのために最適化されていたとしても、使いすぎるとサイトのパフォーマンスが低下する可能性があります。

このような外部からのHTTPリクエストを減らすには、まず、実際に必要のないプラグインやテーマを無効化して削除することから始めましょう。

また、読み込みの遅いファイルをリクエストするプラグインやテーマの代替を見つけることも検討すべきです。先ほどHTTPリクエストを特定したときに、いくつか気づいたかもしれません。

WordPressのプラグインを選ぶ際には、外部リソースの読み込みに注意してください。パフォーマンスを優先するプラグインを選び、過剰な外部スクリプトやスタイルを読み込むプラグインは避けたい。

プラグインをより細かくコントロールするには、Plugin Organizerのようなプラグイン管理ツールの使用を検討してください。これによって、プラグインが必要なページだけに選択的にプラグインを読み込むことができます。

Setting the Plugin Organizer Controls to Not Logged In

最後に、カスタム・ウェブ・フォントはGoogle Fontsのような外部プロバイダーから読み込まれることが多く、HTTPリクエストに大きく寄与する可能性があります。使用するフォントファミリーやウェイトの数を制限するか、ユーザーのコンピューターにすでにインストールされているシステムフォントの使用を検討する必要があります。

WPBeginnerでは、2021年にシステムフォントに切り替えたことで、特にインターネット接続速度が遅いユーザーのページ読み込み時間を改善しました。WordPressサイトでGoogleフォントを無効化する方法については、こちらのガイドをご覧ください。

6.おまけ:Gzip圧縮の有効化

最後のヒントは、GZIP圧縮を有効化してWebサーバー上のファイルサイズを小さくすることです。

これはHTTPリクエストの数を直接減らすわけではないが、プロセスをスピードアップし、サイトファイルの転送を高速化する。

💡HTTPリクエストとWordPressのページスピードを最適化するのは大変だと思いませんか? プロにお任せください!

WPBeginnerのサイトスピード最適化サービスでは、WordPressの専門家チームがあなたのサイトを診断し、可能な限り高速に動作するようにオーバーホールします。今すぐ無料相談のお電話をご予約ください!

このチュートリアルで WordPress の HTTP リクエストを減らす方法を学んでいただけたでしょうか。WordPress のパフォーマンスを向上させるための他のガイドもご覧ください:

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.