한국 호스팅 환경에서 Lighthouse 90점 이상을 만드는 건 외국 자료만 보고는 어렵습니다. Cafe24 + KR DNS + 한글 폰트라는 3중 부담을 안고서 달성한 10단계.

핵심 코드 한 조각: .htaccess

# 정적 리소스 캐싱 (Cafe24 호환) <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/webp "access plus 1 year" ExpiresByType text/css "access plus 6 months" ExpiresByType font/woff2 "access plus 1 year" </IfModule> # Gzip 압축 (Cafe24는 brotli 미지원) <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/css </IfModule>

10단계 체크리스트

  • Pretendard 폰트를 jsdelivr CDN으로 로드 (한글 폰트 용량 96% 절감)
  • 이미지를 모두 WebP로 변환 + lazy loading 적용
  • Critical CSS만 인라인, 나머지는 defer
  • JavaScript는 footer로 이동 + defer 속성
  • NinjaFirewall과 호환되는 .htaccess 캐싱 규칙
  • WP Super Cache + Cloudflare CDN 조합
  • 불필요한 워드프레스 코어 호출 제거 (emoji, oEmbed 등)
  • 플러그인 7개 → 3개로 다이어트
  • OG 썸네일을 Puppeteer로 사전 렌더링 (실시간 생성 X)
  • Core Web Vitals 3종(LCP·INP·CLS) 모두 통과 확인

결과

모바일 Lighthouse 91 → 95점, 데스크탑 94 → 99점. 가장 큰 효과는 한글 폰트 CDN화. Pretendard 풀세트를 자체 호스팅하면 한 페이지 로딩이 1.4초 추가됩니다.