모바일 사이트 최적화 — Core Web Vitals 점수 90+ 받는 7가지

구글이 검색 순위 핵심 지표로 사용하는 Core Web Vitals. LCP 2.5s·CLS 0.1·INP 200ms. 25년 경력 회사가 즉시 적용 7단계.

1. 이미지 최적화 (LCP 1순위)

• WebP 변환 + 적정 사이즈 (1920·960·480)
• fetchpriority=”high” 히어로 이미지
• lazy loading 화면 밖 이미지
• CDN 자동 변환 (Cloudflare Polish)

2. 폰트 최적화 (CLS·LCP)

• Pretendard·Noto Sans KR self-host
• font-display: swap
• preload 핵심 폰트

3. CSS·JS 압축

• HTML·CSS·JS minify
• JS defer·async
• 중요 CSS 인라인 (15KB 이내)

4. 서버 응답 (TTFB)

• Page cache (Cache Enabler·WP Super Cache)
• Object cache (Redis)
• opcache 256MB

5. CLS 방지

• 이미지 width·height 명시
• 광고 영역 사전 예약
• 웹폰트 fallback 동일 사이즈

6. INP 개선 (이전 FID)

• JS 메인 스레드 차단 분리
• 이벤트 핸들러 debounce
• 긴 작업 webworker

7. 측정·모니터링

• PageSpeed Insights 주간
• Search Console CWV 리포트
• 실제 사용자 데이터 (Cloudflare RUM)

현재 사이트 CWV 무료 진단. 상담.