BATADASE
구글 애드센스 광고 코드를 워드프레스에 삽입하는 순간, 외부 렌더링 차단 스크립트(adsbygoogle.js)로 인해 페이지 로딩 속도가 2~3초 이상 지연되는 현상을 겪게 됩니다. 구글의 핵심 웹 강령(Core Web Vitals) 지표인 LCP(Largest Contentful Paint)와 CLS(Cumulative Layout Shift) 점수가 폭락하면 검색 노출 순위마저 강등되는 악순환에 빠집니다.
애드센스 스크립트로 인한 페이지 속도 저하를 차단하고 PageSpeed Insights 90점 이상을 유지하는 워드프레스 최적화 기법을 공개합니다.
1. 코어 웹 바이탈(Core Web Vitals) 성능 개선 스펙표
| 최적화 기법 | 적용 도구 / 방법 | 개선 효과 |
|---|---|---|
| 애드센스 JS 지연 로딩 (Delay JS) | WP Rocket / FlyingPress Script Delay | 초기 렌더링 시 외부 JS 로드 억제로 LCP 1.2초 단축 |
| 광고 영역 높이 고정 (Min-height) | CSS min-height 패딩 적용 | 광고 로딩 시 화면 덜컥거림 차단으로 CLS 0점 달성 |
| 이미지 WebP 압축 & CDN 연동 | Converter for Media / Cloudflare | 이미지 트래픽 70% 감소 및 서버 응답속도(TTFB) 향상 |
2. WP Rocket / Perfmatters를 통한 스크립트 지연(Delay JS) 설정
유저가 스크롤을 내리거나 마우스를 움직이기 전까지 `adsbygoogle.js` 실행을 몇 초간 유예하는 Delay JavaScript 기능을 활성화하면 첫 화면(Above the fold) 렌더링 속도가 획기적으로 향상됩니다.
- Delay JS 제외 대상: 사용자 로그인이나 핵심 메뉴 구동에 필요한 내부 JS는 제외하고, 애드센스, 구글 애널리틱스, 페이스북 픽셀 스크립트만 지연 처리합니다.
- CSS 파일 통합 지양: CSS 통합(Combine CSS)은 최근 HTTP/2 환경에서 오히려 로딩을 방해하므로, 사용하지 않는 CSS 제거(Remove Unused CSS) 옵션만 켭니다.
3. CLS(Cumulative Layout Shift) 방지를 위한 고정 여백(Padding) 세팅
광고가 늦게 로딩되면서 본문 글자가 아래로 툭 밀려 내려가는 현상은 구글 점수를 깎아먹는 주범입니다. CSS로 광고 슬롯 박스에 min-height: 280px; 형태의 최소 높이 여백을 미리 확보하면 덜컥거림 현상이 100% 사라집니다.
4. Cloudflare CDN 및 이미지 차세대 포맷(WebP) 연동
이미지는 JPG/PNG 대신 WebP 포맷으로 자동 변환하고, 글로벌 무료 CDN인 Cloudflare를 적용하면 전 세계 방문자에게 동일한 속도로 콘텐츠와 광고를 제공할 수 있습니다.
"속도는 곧 수익입니다. 속도가 1초 빠를수록 독자의 체류 시간이 늘어나고 애드센스 클릭 확률이 높아집니다."
5. 요약 및 성능 측정 체크
최적화 완료 후 구글 PageSpeed Insights 및 GTmetrix를 통해 모바일 점수 85점 이상, LCP 2.5초 이하를 기록하는지 최종 확인하십시오.