「Serve Static Content From a Cookieless Domain」警告を修正する

ウェブサイトのパフォーマンスを最適化することは、ウェブリソースがどのように提供されているかを分析することを伴う重要な作業です。そのような最適化手法の一つが、クッキーレスドメインから静的コンテンツを配信することです。

このアプローチは、特に画像、JavaScript、CSSファイルなどの大量の静的コンテンツを含むウェブサイトにおいて、不要なネットワークトラフィックを大幅に削減し、ページの読み込み時間を改善できます。

クッキーレスドメインから静的コンテンツを配信する

まず、概念を分解してみましょう:

ブラウザがサーバーにリクエストを送ると、そのドメインのすべてのクッキーがリクエストとともに送信されます。これは通常、ユーザーの状態が必要となる動的コンテンツには有益です。

しかし、ユーザーごとに変わらない静的リソースの場合、これらのクッキーは冗長なデータとなり、追加の帯域幅と処理時間を消費します。クッキーを使用しないドメインからこれらのリソースを配信することで、リクエストヘッダーを軽量化し、より高速にすることができます:

高速な読み込み時間 – 読み込み時間が遅いと訪問者は不満を感じ、サイトを離れる可能性があり、直帰率の上昇とSEOランキングへの悪影響につながります。

ユーザーエクスペリエンスの向上 – 読み込みが遅いウェブサイトはユーザーエクスペリエンスの低下を招き、ブランドの評判と信頼性を損なう可能性があります。

SEOランキングを助ける – 検索エンジンは読み込みの速いウェブサイトを優先します。クッキーを抱えた静的コンテンツのために、あなたのサイトが鈍重であれば、検索結果で下位にランクされる可能性があります。

「Serve Static Content From a Cookieless Domain」の修正

この警告を修正するための3つの方法を検討します。3つ目は直接的な解決策ではありません。しかし、定期的に実施すればそうした警告を回避できる可能性があります。

1. コンテンツデリバリーネットワーク（CDN）の利用

コンテンツデリバリーネットワーク（CDN）を利用することは、ウェブサイトのパフォーマンスを最適化し、クッキーレスドメインから静的コンテンツを配信するという問題に対処するための戦略的アプローチです。

私はHostinger CDNを使用しましたが、CDNの可用性と機能はホスティングプロバイダーによって異なります。改善できる方法は以下のとおりです:

HostingerのCDNサービスを利用する場合、具体的なCDNオプションとその機能はホスティングプロバイダーによって異なります。CDNの選択は重要な決定なので、ホスティングプロバイダーの提供内容を必ず調査し、情報に基づいた選択を行ってください。

ホスティングサービスごとに様々なCDNプロバイダーと提携している可能性があり、それぞれが独自の利点を提供します。あなたのウェブサイトのニーズとターゲットオーディエンスの地理的位置に最も適したものを調査して選択することが不可欠です。

クッキーレスドメインからの静的リソース配信を修正するためにCDNを有効化する

CDNは、ウェブコンテンツを効率的に配信するために連携する地理的に分散したサーバーのネットワークです。CDNがどのように動作し、読み込み時間の改善と遅延の削減に重要である理由について詳しく説明します:

  1. CDNはコンテンツを配信します – 複数のサーバー間でデータが移動する距離を短縮し、ユーザーエクスペリエンスを向上させます。
  2. CDNは遅延を大幅に削減します – 近くのサーバーからコンテンツを配信することで、より高速な読み込み時間を保証します。
  3. 負荷分散 – CDNでは、トラフィックを均等に分散して、トラフィックが多い時期のサーバー過負荷を防ぎます。
  4. CDNは強化します – ウェブサイトのパフォーマンスを強化し、より高速な読み込み時間でユーザーを引き付け、直帰率を減らし、SEOを向上させます。
  5. CDNは向上させます – 技術的な問題が発生した場合に利用可能なサーバーへトラフィックを再ルーティングすることで信頼性を向上させ、ダウンタイムを最小限に抑えます。

2. クッキーフリードメインの実装

クッキーフリードメインの実装は、クッキー付きドメインから静的コンテンツを配信するという問題に対処することで、ウェブサイトのパフォーマンスを向上させる別の効果的な戦略です。

クッキーを付与せずに、このアプローチは画像、スタイルシート、スクリプトなどの静的コンテンツを提供するサブドメインを作成します。クッキーフリードメインを実装する方法と、それがウェブサイトの読み込み時間を改善するために不可欠である理由について詳しく説明します:

ステップ1: ホスティング環境を評価する:

開始する前に、ホスティング環境がサブドメインの作成を許可していることを確認することが不可欠です。ほとんどの評判の良いホスティングプロバイダーはサブドメインの作成をサポートしていますが、これを確認するのが賢明です。

cPanelドメインオプション

ステップ2: サブドメインを計画する:

サブドメインの構造を決定します。一般的に、ウェブマスターは「static.yourwebsite.com」や「cdn.yourwebsite.com」のようなサブドメインを使用します。ウェブサイトのブランディングと組織に合った形式を選択してください。

ステップ3: サブドメインを作成する:

  1. サブドメイン作成オプションを探します。通常は「ドメイン」または「サブドメイン」セクションにあります。
  2. クッキーフリーで提供したい各タイプの静的コンテンツに対してサブドメインを作成します。例えば、「static.yourwebsite.com」や「cdn.yourwebsite.com」のようなサブドメインを作成します。
cPanelサブドメインを作成する

ステップ4: 静的コンテンツを移転する:

次に、静的コンテンツを新しく作成したサブドメインに移動します:

  1. サーバー上の対応するフォルダに静的コンテンツを整理します。例えば、すべての画像を「static.yourwebsite.com」配下のフォルダに配置します。
cPanelファイルマネージャーのサブドメインフォルダ
  1. サブドメイン上の静的コンテンツがクッキーフリーであることを確認します。これにはサーバーを設定して、これらのリクエストにクッキーが付加されないようにする作業が含まれることがあります。

ステップ5: DNS設定を調整する:

サブドメイン（static.yourwebsite.com）の作成に成功したら、特定の変更を実装し、サブドメインのためのDNSレコード、特にCNAMEレコードを組み込むことが重要です。CNAMEレコードを使用してこのサブドメインのDNS設定を構成します。CNAMEレコードがメインドメイン（yourwebsite.com）を指すように設定します。

DNSレコードを管理する

私はHostingerのDNSサービスを利用しましたが、正確なDNSオプションとそれに関連する機能は、選択したホスティングプロバイダーによって異なる場合があることに注意してください。

ステップ6: リンクと参照を更新する

このステップは、ウェブサイトが新しいサブドメインを正しく参照することを保証するために重要です:

  1. HTML、CSS、JavaScriptファイルを含むウェブサイトのコードを確認します。

例えば、<img>タグのソースを変更します

HTML
<img class="thumbnail-img" alt="Thumbnail Image" src="/uploads/thumbnail_01.jpg"/>

これに:

HTML
<img class="thumbnail-img" alt="Thumbnail Image" src="https://static.yourwebsite.com/uploads/thumbnail_01.jpg"/>

静的コンテンツへのすべての参照を新しいサブドメインを指すように更新します。例えば、**「yourwebsite.com/images/image.jpg」を「static.yourwebsite.com/image.jpg」**に変更します。

このプロセスは綿密に行ってください。たった一つの不正確な参照でもウェブサイトのパフォーマンスを損なう可能性があります。

WordPressを使用している場合は、wp-config.phpファイルに以下の行を追加して調整します:

PHP
define("COOKIE_DOMAIN", "www.yourwebsite.com.com");
PHP
define("WP_CONTENT_URL", "http://static.yourwebsite.com.com/wp-content");

このガイドは簡潔で、クッキーフリードメインを実装するために必要な手順を提供します。静的コンテンツがより効率的に配信されることを保証し、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させます。

ステップ7: テスト

ウェブサイトのリンクと参照を更新した後、そのパフォーマンスをテストすることが不可欠です:

  • Google PageSpeed Insights、GTmetrix、Pingdom Toolsなどのウェブパフォーマンステストツールを使用して、ウェブサイトの読み込み時間を分析します。
  • 静的コンテンツがクッキーなしで新しいサブドメインから読み込まれていることを確認します。
エラー解決済みGTmetrixレポート

3. 継続的なメンテナンス

長期的なパフォーマンスのためには、クッキーフリードメインの維持が不可欠です:

  1. 静的コンテンツを追加または変更する際に、リンクと参照を定期的に確認し更新します。
  2. ウェブサイトのパフォーマンスを監視して、引き続き高速かつ効率的に読み込まれていることを確認します。

これらの手順に従うことで、クッキーフリードメインを効果的に実装でき、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを大幅に向上させることができます。読み込み時間の高速化、サーバー負荷の軽減、SEOランキングの向上などが、この最適化戦略のメリットです。

訪問者に最適なブラウジング体験を提供するために、継続的なメンテナンスに警戒を怠らないでください。

私たちの結論

クッキーレスドメインから静的コンテンツを配信する問題に対処することは、ウェブサイトのパフォーマンスとユーザーエクスペリエンスを向上させるために極めて重要です。このガイドの推奨事項に従うことで、ウェブサイトの速度を向上させ、SEOランキングを改善し、最終的には訪問者により満足のいく体験を提供することができます。ウェブサイトの最適化は継続的なものであり、ベストプラクティスを最新の状態に保つことが不可欠であることを忘れないでください。

覚えておいてください、読み込みの速いウェブサイトは訪問者にとって利益となるだけでなく、デジタル世界における競争上の優位性でもあります。今日必要な調整を行い、あなたのウェブサイトが繁栄するのを見届けてください。

関連記事

Rene Hermenau

著者： Rene Hermenau

著者について: René Hermenau は WP STAGING の創設者です。WordPress のバックアップ、ステージング、移行、データベース処理、安全なデプロイメントワークフローに取り組んでいます。