様々なアプリケーションおよびサービスによる DNS 事前読み込みの使用

DNS プリフェッチを実装すると、様々なアプリケーションやサービスでページ読み込み時間を短縮できます。

DNS プリフェッチについて

ブラウザーでは、Web ページ上のリンクされているドメイン名を対応する IP アドレスに自動解決するために DNS プリフェッチが使用されます。プリフェッチプロセスは、ブラウザーが Web ページを読み込んだ時点で開始されます。例えば、ページ内に www.adobe.com への選択可能なリンクがあるとします。このページが読み込まれると、ブラウザーは DNS システムを使用してリンクされているドメイン名を検索し、それを対応する数値 IP アドレスに解決します。サイト訪問者がリンクやボタンをクリックした時点では既にドメイン名が IP アドレスに解決されているので、DNS プリフェッチはページパフォーマンスの向上に役立ちます。DNS プリフェッチプロセスはユーザーに対して透過的なプロセスです。

DNS プリフェッチと Adobe Experience Cloud アプリケーション

DNS プリフェッチは、ページ上に埋め込まれた静的リンクに対して自動的に機能します。これは、以下の理由から、自動 DNS プリフェッチが様々な Experience Cloud アプリケーションおよびサービスで機能しないことも意味します。

  • 各 Experience Cloud アプリケーションまたはサービスは、ページ読み込み時に DNS 呼び出しを動的に生成します。
  • これらの呼び出しが行われる前に、ブラウザーはドメイン名を IP アドレスに解決することはできません。

ただし、Experience Cloud アプリケーションを使用して DNS プリフェッチを手動で実装できます。これを実装するには、以下に示すように HTML タグ <dns-prefetch> をページコードの <head> セクションに追加します。DNS プリフェッチが適切に実装されると、ページ読み込み時間を数ミリ秒短縮できます。

DNS プリフェッチのコードサンプル

次の例は、様々な Experience Cloud アプリケーションおよびサービスに対して DNS プリフェッチを呼び出す方法を示しています。一部のプリフェッチ呼び出しにはAdobe組織 ID またはトラッキングサーバー情報が必要です。各サンプル内の​斜体​で記述されたコードは変数のプレースホルダーを表しています。そのコードは、自分の Adobe パートナー ID、顧客コード、トラッキングサーバー情報などに置き換えます。

  • Analytics: <link rel="dns-prefetch" href="//insert tracking server name here">

    非セキュアなトラッキングサーバーとセキュアなトラッキングサーバーを使用する場合は、DNS 名ごとに個別のタグを追加します。

  • Audience Manager: <link rel="dns-prefetch" href="//dpm.demdex.net">

  • Experience Cloud ID サービス: <link rel="dns-prefetch" href="//fast. *ここにパートナー ID を挿入する*.demdex.net">

  • Dynamic Tag Manager(DTM):必須ではありません。DTM リンクは、ページの読み込み時に利用できます。

  • Media Optimizer(Advertising Cloud):

    • <link rel="dns-prefetch" href="//pixel.everesttech.net">
    • <link rel="dns-prefetch" href="//cm.everesttechnet">
  • Target: <link rel="dns-prefetch" href="//insert customer code here.tt.omtrdc.net">

このページ