Show Menu
화제×

다른 솔루션 및 서비스와 함께 DNS 프리페치 사용

다양한 솔루션 및 서비스에서 페이지 로드 시간을 줄이는 데 도움이 되도록 DNS 프리페치를 구현합니다.

DNS Prefetch 이해

브라우저에서는 DNS 프리페치를 사용하여 웹 페이지에 링크된 도메인 이름을 해당 IP 주소로 자동으로 확인합니다. 브라우저에서 웹 페이지를 로드하면 프리페치 프로세스가 시작됩니다. 예를 들어 페이지에 클릭 가능한 링크가 포함되어 www.adobe.com 있다고 가정합니다. 브라우저에 이 페이지가 로드되면 DNS 시스템 을 사용하여 링크된 도메인 이름을 검색하고 해당 숫자 IP 주소로 확인합니다. 사이트 방문자가 해당 링크 또는 단추를 클릭하기 전에 도메인 이름이 이미 IP 주소로 확인되었으므로 DNS 프리페치는 페이지 성능을 향상시키는 데 도움이 됩니다. DNS 프리페치 프로세스는 사용자에게 투명합니다.

DNS Prefetch 및 Adobe Experience Cloud 솔루션

DNS 프리페치는 페이지에 포함된 정적 링크에서 자동으로 작동합니다. 즉, 다음과 같은 이유로 다른 Experience Cloud 솔루션 및 서비스에서는 자동 DNS 프리페치가 작동하지 않습니다.
  • 각 Experience Cloud 솔루션 또는 서비스는 페이지가 로드될 때 동적으로 DNS 호출을 생성합니다.
  • 이러한 호출을 수행하기 전에 브라우저에서 IP 주소로 도메인 이름을 확인할 수 없습니다.
하지만 Experience Cloud 솔루션으로 DNS 프리페치를 수동으로 구현할 수 있습니다. 이렇게 하려면 아래와 <dns-prefetch> 같이 페이지 코드의 <head> 섹션에 HTML 태그를 추가합니다. 제대로 구현되면 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">
  • DTM (다이내믹 태그 관리자 ): 필요하지 않습니다. DTM 링크는 페이지가 로드되는 즉시 사용 가능합니다.
  • Media Optimizer (Ad 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">