랜딩 페이지 로딩 최적화 관련 모범 사례

소비자를 모으고 유지하려면 멋진 TikTok, 그리고 로딩이 느린 랜딩 페이지와 같은 중단이 없는 고객 여정 두 가지가 필요합니다.

랜딩 페이지 로딩 속도를 최적화하는 데 도움이 되기 위해 몇 가지 중요한 팁을 마련했습니다. 고객이 인내심을 시험 받지 않고 그대로 페이지에 머무를 수 있도록 팁을 따르세요.

페이지 로딩 개선

• ​모바일 디바이스 전용 랜딩 페이지를 설계 및 개발합니다.

• ​랜딩 페이지 리디렉션을 최소화합니다.

• ​다중 지역 호스팅의 경우 페이지 서버를 모든 지역에 배치합니다.

• ​고품질 콘텐츠 배포 네트워크를 사용하여 랜딩 페이지에 리소스를 저장합니다.

• ​비필수적 미디어의 로딩을 지연시킵니다.

• ​제3자 스크립트를 비동기식으로 로드하여 렌더링 차단을 방지합니다.

페이지 정적 리소스 최적화

• ​모든 비필수 JavaScript 및 CSS 파일을 제거합니다.

• ​이미지를 압축합니다(참고: JPEG 2000, JPEG XR 및 WebP 형식은 전송 시 PNG 또는 JPEG보다 적은 데이터를 필요로 합니다).

• ​페이지 로드 중 흔들림 또는 깜박임을 방지하기 위해 코드에 이미지 너비 및 높이를 지정합니다.

• ​동적 콘텐츠는 GIF보다 동영상을 선택합니다(참고: 동영상은 전송 시 GIF보다 적은 데이터를 필요로 합니다).

TikTok의 웹 콘텐츠 사전 로드 활용하기

이제 TikTok 광고에 대한 랜딩 페이지를 추가할 때 TikTok의 웹 콘텐츠 사전 로드를 사용하여 모바일 사이트 콘텐츠를 사전 로드할 수 있는 옵션이 제공됩니다. 이를 통해 사용자는 이벤트를 열기 전에도 사이트의 콘텐츠를 로드하여 로딩 시간을 상당히 줄일 수 있습니다.

이 기능에 대한 정보와 활성화 방법에 대한 자세한 내용은 웹 콘텐츠 사전 로드 정보를 확인하십시오.

TikTok 인스턴트 페이지 활용하기

인스턴트 페이지는 표준 웹 페이지보다 최대 11배 빠르게 로드되는 가벼운 웹 페이지입니다. 인스턴트 페이지는 자기만의 인스턴트 페이지를 쉽게 만들 수 있는 다양한 템플릿을 제공합니다. 텍스트, 사진, 동영상, 슬라이드, 콜 투 액션 버튼 같은 구성 요소를 편집하여 직접 인스턴트 페이지를 사용자 지정할 수도 있습니다.

광고에 인스턴트 페이지를 추가하려면 여기의 단계를 따릅니다.