핵심 요약
중요한 리소스를 미리 로드하여 페이지 속도 점수를 최대화하세요. 브라우저에게 우선순위를 가르쳐주세요.
브라우저 힌트(리소스 힌트)
웹사이트를 열 때 브라우저는 무엇을 먼저 로드할지 결정합니다. 엔지니어로서 당신은 그에게 중요한 것을 속삭일 수 있습니다. 리소스 힌트는 이러한 힌트를 브라우저에 제공하는 표준 방법입니다.
사전 로드
중요한 글꼴, 기본 LCP 이미지 또는 중요한 JS 파일에 사용됩니다. 브라우저는 파일을 발견할 때까지 기다리지 않고 즉시 다운로드합니다. 사용법:
Preconnect(Preconnect)
타사 서비스(Google Fonts, CDN, Analytics)에 사용됩니다. 파일이 요청되기 전에 DNS, TCP 및 TLS 핸드셰이크를 완료합니다. 이것만으로도 100~300ms를 절약할 수 있습니다.
DNS-Prefetch
preconnect의 더 가벼운 버전입니다. DNS 확인을 미리 수행합니다. 덜 중요한 제3자 서비스에 적합합니다.
주의! 사전 로드를 너무 많이 사용하면 실제 페이지가 로드되지 않을 수 있습니다(대역폭 혼잡). '정말 중요한' 항목만 선택하세요.
관련 서비스
Meta 광고 및 퍼포먼스 마케팅
서버 CAPI 트래킹을 통한 광고 예산 낭비 차단 및 입증 가능한 ROAS 스케일링
