렌더링 차단 리소스 피하기

개요

이 감사에서는 광고 태그 라이브러리의 로드를 지연시키는 리소스 (특히 스크립트 및 스타일시트)를 식별합니다. 광고 태그 라이브러리가 로드되기 전에 요청 및 수신된 리소스입니다. 태그 로드 전에 요청되는 리소스 수를 줄이면 광고 로드 속도가 빨라집니다.

권장사항

이 감사의 세부정보에는 태그 로드를 지연시키는 모든 스크립트와 스타일시트 목록이 포함되어 있습니다. 목표는 이 목록의 항목 수를 가능한 한 0에 가깝게 줄이는 것입니다. 이를 위한 몇 가지 팁을 소개합니다.

  • 페이지의 <head> 초기에 광고 태그 라이브러리를 로드합니다.
  • 핵심 기능에 중요한 스크립트와 스타일시트를 HTML에 직접 인라인 처리합니다.
  • 중요하지 않은 스크립트를 async 또는 defer 속성으로 표시합니다.
  • 스타일을 미디어 쿼리별로 다른 파일로 분리하고 media 속성을 사용하여 필요할 때만 로드하세요.

추가 정보

다음과 같은 광고 태그 라이브러리 스크립트가 지원됩니다.

라이브러리 스크립트
애드센스

pagead2.googlesyndication.com/pagead/js/adsbygoogle.js

pagead2.googlesyndication.com/pagead/show_ads.js
Google 게시자 태그

googletagservices.com/tag/js/gpt.js

securepubads.g.doubleclick.net/tag/js/gpt.js

렌더링 차단 리소스