준비 상태 점검 · 가속화 영역 · 가중치 5

head 요소에 렌더링 차단 스크립트 없음

Next.js: 적절한 로딩 전략과 함께 next/script 컴포넌트를 사용하세요.
WordPress: WordPress 6.3부터 defer 또는 async 로딩 전략으로 스크립트를 등록할 수 있습니다.

문서의 head에 있는 모든 외부 스크립트가 async, defer 또는 type="module"을 사용합니다.

중요한 이유

head에 있는 일반적인 script src 요소는 해당 파일의 다운로드와 실행이 끝날 때까지 브라우저가 아무것도 표시하지 못하게 합니다.

DOM이 필요한 스크립트에는 defer를, 분석 도구처럼 독립적인 스크립트에는 async를 추가하거나, 스크립트를 body의 끝으로 옮기세요.

문서의 head에 있는 모든 외부 스크립트가 async, defer 또는 type="module"을 사용합니다.

확인: head의 스크립트가 렌더링을 차단하지 않고 로드됩니다.

미확인: head의 스크립트 중 하나 이상이 렌더링을 차단합니다.

한계: 자동화된 클라이언트에 전송된 홈페이지 HTML을 기준으로 하며, 나중에 실행되는 스크립트는 실행하지 않았습니다.