다양한 애플리케이션 및 서비스에서 DNS 프리페치 사용

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

DNS 프리페치 이해하기 section_772BF9CB7C4141DE9B0355146E2CD962

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

DNS 프리페치 및 Adobe Experience Cloud 애플리케이션 section_202A07F9F79F4ABDA44B98BA1DDCD516

DNS 프리페치는 페이지에 임베드된 정적 링크에서 자동으로 작동합니다. 즉, 자동 DNS 프리페치가 다른 버전에서는 작동하지 않습니다 Experience Cloud 다음과 같은 이유 때문에 애플리케이션 및 서비스를 사용할 수 없습니다.

  • 각 Experience Cloud 애플리케이션 또는 서비스는 페이지가 로드될 때 동적으로 DNS 호출을 생성합니다.
  • 이러한 호출을 수행하기 전에 브라우저에서 IP 주소로 도메인 이름을 확인할 수 없습니다.

하지만 Experience Cloud 애플리케이션으로 DNS 프리페치를 수동으로 구현할 수 있습니다. 아래 그림과 같이 HTML <dns-prefetch> 태그를 페이지 코드의 <head> 섹션에 추가하면 됩니다. 제대로 구현되면 DNS 프리페치가 페이지 로드 시간을 몇 밀리초 줄일 수 있습니다.

DNS 프리페치 코드 샘플 section_E886F7B2861E48BA9EF3D8B3CE32B345

다음 예는 서로 다른 Experience Cloud 애플리케이션 및 서비스에 DNS 프리페치를 호출하는 방법을 보여 줍니다. 일부 프리페치 호출에는 Adobe 조직 ID 또는 추적 서버 정보가 필요합니다. 이러한 예에서 이탤릭체 ​로 된 코드는 변수 자리 표시자를 나타냅니다. 해당 코드를 자체 Adobe 파트너 ID, 고객 코드 또는 추적 서버 정보 등으로 교체합니다.

  • Analytics: <link rel="dns-prefetch" href="//inserttrackingservernamehere">.

    비보안 및 보안 추적 서버를 사용하는 경우 각 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 링크는 페이지가 로드되면 사용 가능합니다.

  • Advertising Cloud:

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

recommendation-more-help
872fc4ed-f5f7-4b59-a6f8-4ddabe5aac1f