WordPressでサードパーティのドメインリクエストをトラッキングする方法

WordPressサイトの読み込みが遅くなっていませんか？その原因は、サードパーティのドメインリクエストかもしれません。

さまざまな WordPress ウェブサイトに携わる中で、チェックされていないサードパーティのリクエストが原因でパフォーマンスが低下しているサイトを数多く見てきました。これは、ユーザーエンゲージメントを低下させ、検索エンジンのランキングを下げることにつながります。

しかしご心配なく。これらのサードパーティリクエストを管理することで、サイトのスピードを上げ、ユーザーエクスペリエンスを向上させ、全体的なパフォーマンスを高めることができます。

この記事では、WordPressでサードパーティのドメインリクエストを追跡し、最適化する方法を紹介します。

WordPressにおけるサードパーティ・ドメインリクエストとは？

サードパーティドメインリクエストは、アクセス中のWordPressウェブサイトがインターネット上の他のウェブサイトやサービスにリクエストを送信するときに発生します。

ウェブサイトを訪問すると、ブラウザはそのサイトのサーバーからコンテンツを読み込みます。これをファーストパーティコンテンツと呼びます。

しかし、多くのウェブサイトには、他のソースから来た要素も含まれています。これらの要素はサードパーティコンテンツである。現在、それらを取得するプロセスはサードパーティドメインリクエストと呼ばれています。

よくある例をいくつか挙げてみよう：

• 分析ツール。多くのウェブサイトは、訪問者数や行動を追跡するためにGoogle Analyticsのようなサービスを使用しています。
• ソーシャルメディアボタン。いいね！」や「シェア」ボタンは、ソーシャルメディア・プラットフォームにつながることが多い。
• 広告。ウェブサイト上の広告は通常、Google AdSenseのような外部の広告ネットワークから提供されています。
• フォント。ウェブサイトによっては、Google Fontsのようなサービスから特別なフォントを使用しています。
• コンテンツ・デリバリー・ネットワーク（CDN）。ウェブサイトは、画像やスクリプトをより速くロードするために別のサーバーに保存することがあります。
• 埋め込みコンテンツ。YouTubeの動画やGoogleマップの地図は、埋め込まれたサードパーティコンテンツの例です。

WordPressでは、プラグインやテーマがこのようなサードパーティドメインのリクエストを作成することがよくある。例えば、コンタクトフォームプラグインがスパムチェックサービスに接続したり、パフォーマンスプラグインが独自のサーバーからスクリプトを読み込んだりする。

これらのリクエストはウェブサイトに便利な機能を追加することができますが、サードパーティのドメインリクエストはサイトのパフォーマンスにも影響します。最高のWordPressホスティングと 最適化された画像を使用していても、リクエストが多すぎるとウェブサイトの速度が低下する可能性があります。それでも、サードパーティ・サービスの中にはユーザーデータを収集するものもあります。

サードパーティのリクエスト1つでさえ、ページの残りの部分の読み込みをブロックしてしまうことがあります。このような場合、WordPressはサードパーティのURLに接続し、ページの残りの部分を読み込む前に必要なコンテンツをすべてダウンロードします。

WordPressで作業する際には、サイトがどのようなサードパーティからのリクエストを受けているかを把握しておくとよいでしょう。ツールを使ってこれらのリクエストを監視し、どのリクエストがあなたのサイトにとって必要なのかについて、より多くの情報に基づいた決定を下すことができます。

以下のセクションでは、サードパーティのドメインリクエストを追跡して最適化することで、ウェブサイトを高速化する方法を紹介します。まず、WordPressサイト内のすべてのサードパーティドメインリクエストを特定することから始めましょう。

WordPressでサードパーティ・ドメイン・リクエストを識別する方法

最初のステップは、Pingdomを使用して、サイトが行っているサードパーティのドメインリクエストをすべて特定することです。Pingdomは、WordPressサーバーのアップタイムを監視できる人気のパフォーマンス監視ツールです。また、サイトのサードパーティドメインのリクエストをすべて表示することもできます。

開始するには、Pingdomのウェブサイトにアクセスし、「URL」フィールドにドメイン名を貼り付けます。情報を入力したら、「Start Test」をクリックするだけだ。

しばらくすると、Pingdomがサイトのパフォーマンスの内訳を表示します。

すべてのサードパーティドメインのリクエストを見るには、下にスクロールして「ファイルリクエスト」セクションを見つけます。ここには、各リクエストのコンテンツタイプ、URL、サイズが表示されます。

サードパーティのリクエストを見つけるには、あなたのサイトのドメイン名で始まらない項目を探します。

リクエストについてさらに詳しく知りたい場合は、ウォーターフォールチャートのバーの上にマウスオーバーするだけです。

ここでは、DNSルックアップ、SSLハンドシェイクの確立、ドメインからのデータのダウンロードなど、WordPressがサードパーティのドメインからコンテンツを取得するためのすべてのステップが表示されます。

Pingdomは、各ステップにかかる時間も表示するので、サイトのパフォーマンスに最も大きな影響を与えるドメインリクエストを特定することができます。

サードパーティのサービスがわからない場合は、Googleなどの検索エンジンにURLを貼り付けてください。多くの場合、ドキュメンテーション、ページ、フォーラムへのリンクが表示され、そのドメインについて詳しく知ることができます。

サードパーティ・ドメインリクエストを最適化する方法

サイトのパフォーマンスを低下させているサードパーティドメインのリクエストを特定したら、それらのリクエストを最適化してWordPressの速度を上げる方法がいくつかあります。

WordPressウェブサイトのセットアップ方法、リクエスト、その他の要因によって、最適な方法は異なります。

このことを念頭に置いて、以下のクイックリンクを使って、より詳しく知りたい方法に直接ジャンプしてください：

準備はいいかい？始めよう

方法1.サードパーティドメインのリクエストを削除する

この方法はすべてのWordPressブログにとって良い選択肢ではありませんが、1つ以上のサードパーティリクエストを削除することで、ページの読み込み時間に大きな影響を与えることができます。

偶然にドメインリクエストを追加してしまったり、方向性が変わって、特定のサードパーティリクエストがあなたのビジネスにうまく機能しなくなったかもしれません。

例えば、当初はGoogle AdSenseを追加していたものの、現在はオンラインストアで WooCommerceの商品を販売した方がより多くのお金を稼ぐことができるかもしれません。Google AdSenseを削除することで、オンライン広告を表示するよりも多くの売上を得ることができ、より多くのお金を稼ぐことができます。

ここで、すべてのウェブサイトに通用する簡単な解決策はありません。とはいえ、サイトからさまざまなサービスやコンテンツを削除してみて、それがコンバージョン率などの重要な指標に与える影響を追跡してみるのもよいでしょう。

サードパーティのドメインを要求する機能やプラグインを削除する場合は、WordPressウェブサイトのバックアップを取るのが賢明です。これにより、エラーやミスが発生した場合、ウェブサイトをすぐに復元することができます。

また、万が一サイトが壊れてしまった場合に備えて、この変更を行っている間はサイトをメンテナンス・モードにしておくとよいだろう。

サードパーティドメインのリクエストを削除する手順は、リクエストによって異なります。しかし、関連するサービス、プラグイン、ソフトウェアのドキュメントや、Googleに検索クエリを入力することで、詳細なステップバイステップのガイドを見つけることができます。

このトピックについては、WordPressのサポートを正しく依頼し、サポートを受ける方法についてのガイドをご覧ください。

方法2.WordPressの不要なプラグインを削除する。

プラグインは、WordPressがこれほど人気がある大きな理由です。適切なプラグインを使えば、足りない機能を追加したり、ビルトイン機能を拡張したり、WordPressブログをあらゆる種類のサイトに変えることができます。

しかし、WordPressプラグインの中には、サードパーティからのリクエストが多く、ウェブサイトの速度を低下させるものがある。このようなリクエストが発生していることすら、まったく気づいていないかもしれない。

WordPressのダッシュボードからプラグイン ” インストール済みプラグインにアクセスして、不要になったプラグインを削除することをお勧めします。

複数の小さなプラグインを1つのWordPressプラグインに置き換えてみることもできる。

例えば、数え切れないほどのSEOプラグインが存在する中、AIOSEOは包括的なソリューションとして際立っている。AIOSEOは、必要不可欠なSEOタスクを一箇所で処理する完全なSEOツールキットを提供する。

方法3.重要なサードパーティドメインに事前に接続する

もうひとつの方法は、ページ読み込みの最初に外部ドメインに接続することだ。ブラウザが最初に外部ドメインに事前接続すると、サードパーティのコンテンツをより速くダウンロードできることがよくあります。

外部サイトへの再接続は、他のページ要素の読み込みを遅くする可能性があることに注意してください。そのため、重要な外部リソースに対してのみ行うようにしてください。あまり重要でないサイトに接続すると、他のページの読み込みが遅くなり、訪問者を長く待たせることになるかもしれません。

プレコネクト方式を使用するには、サードパーティドメインのリクエストのリストがすべて必要です。すでに取得していない場合は、Pingdomを使用し、上記のプロセスに従ってこの情報を取得できます。

その後、WordPressにカスタムコードを追加する必要があります。テーマファイルを直接編集するように指示するガイドもありますが、これはWordPressの一般的なエラーを引き起こす可能性があります。また、カスタマイザーを失うことなくWordPressテーマを更新することもできません。

だからWPCodeを勧める。

WPCodeは、サイトを危険にさらすことなく、カスタマイCSS、PHP、HTMLなどを追加できる最高のコードスニペットプラグインです。また、ボタンをクリックするだけでコードスニペットを有効化・無効化することができます。

まずは、無料のWPCodeプラグインをインストールして有効化しましょう。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

プラグインを有効化したら、Code Snippets ” Add Snippetに進みます。

ここでは、サイトに追加できる既製のWPCodeスニペットがすべて表示されます。これらのスニペットには、コメントを完全に無効化したり、WordPressが通常サポートしていないファイルタイプのアップロード、添付ファイルページの無効化などが含まれます。

カスタムコードを追加（新規スニペット）」オプションにマウスを合わせるだけです。そして、’Use snippet’ボタンをクリックします。

次の画面では、コード・スニペットのタイトルを入力する必要があります。これは単なる参考用なので、好きなものを使ってください。

Code Type’ドロップダウンで、’JavaScript Snippet’を選択する必要があります。

これで、WordPressが事前接続すべき各ドメインを追加する準備ができた。

例えば、以下のコード・スニペットでは、Google Fontsに事前に接続している：

<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />

コードエディターで、使用したい外部URLをそれぞれ追加するだけです。

次に、「挿入」設定までスクロールし、まだ選択されていなければ「自動挿入」を選択する。

次のステップは、『Location』のドロップダウンを開き、『Site Wide Header』を選択する。

コード・スニペットをライブにする準備ができたら、ページの一番上までスクロールし、「Inactive」トグルをクリックして「Active」に変更します。

スニペットを保存」ボタンをクリックする。

方法4.DNSプリフェッチを実装する

DNSプリフェッチでは、訪問者がリンク先のコンテンツやリソースを必要とする前に、バックグラウンドでDNSルックアップを実行することができます。

この方法は、Googleアナリティクス、Googleフォント、WordPressコンテンツデリバリーネットワーク（CDN）サービスなど、サイト全体で使用されているサードパーティのリソースに特に便利です。

DNSプリフェッチを使用するには、WPCodeを使用して新しいJavaScriptスニペットを作成し、上記と同じ手順に従ってください。

完了したら、プリフェッチしたい各ドメイン名を以下のフォーマットで追加します：

 <link rel="dns-prefetch" href="//fonts.googleapis.com">

この情報を入力した後、方法3で説明した手順に従って、コードをサイト全体のヘッダーに追加します。そして、最後にコード・スニペットを公開します。

方法5.ローカルでリソースをホスティングサービスする。

プレコネクトとプリフェッチを正しく使用すれば、訪問者のエクスペリエンスに影響を与えることなく、サードパーティのドメインリクエストを行うことができます。ただし、可能な限り、リソースやコンテンツはローカルでホスティングサービスを行うようにしましょう。

ローカルサーバーを使用してサイトのコンテンツを保存すると、読み込みが速くなります。また、速度をさらに向上させるためのコントロールも可能になります。例えば、キャッシュプラグインやCDNを使用することができます。

WordPressには、コンテンツをローカルにホスティングするのに役立つプラグインやサービスがたくさんあります。

例えば、カスタマイザーを使いたい場合は、Google Fontsのようなサードパーティから読み込むのではなく、WordPressでローカルフォントをホスティングサービスすることができる。

同様に、SeedProdなどのプラグインを使えば、WordPressテーマにユニークなアイコンフォントを簡単に追加できる。

Google 広告、Google アナリティクス、Campaign Manager、またはその他の人気のある無料の Google 製品を使用している場合は、MonsterInsights のパフォーマンスアドオンを使用して、gtag.js スクリプトを自分のサーバーにローカルにホスティングサービスできます。

外部ドメインのリクエストをローカルリソースに置き換えることで、サイトの機能やコンテンツを損なうことなく、パフォーマンスを向上させることができます。

方法6.レイジー・ローディングを使う

レイジーローディングは、すべてのコンテンツを一度に読み込むのではなく、ユーザーの画面に表示されているコンテンツだけをダウンロードします。その後、ユーザーが画面をスクロールするにつれて、より多くのコンテンツを読み込みます。これにより、ページの読み込みが速くなったように見せることができます。

WordPressは初期設定で画像を遅延ロードするし、外部ホスティングサービスのコンテンツも遅延ロードするのに役立つかもしれない。

例えば、WordPressのブログ投稿にYouTube動画を埋め込みたい場合、遅延ローディングが組み込まれているプラグインを選べばよい。

Smash Balloon YouTube Feedのような他のプラグインには、動画プレーヤーのキャッシュと遅延ロードがビルトインされています。これにより、サードパーティのサイトからのコンテンツを表示する場合でも、ページの読み込み時間を改善することができます。

WordPressでサードパーティのドメインリクエストをトラッキングする方法について、この投稿がお役に立てば幸いです。次に、プラグインオーガナイザーを使用してサイトを高速化する方法や、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.