웹사이트 성능 최적화 체크리스트

웹사이트 성능 최적화 체크리스트:

프론트엔드:

• 이미지 최적화 — WebP/AVIF 포맷, lazy loading
• JS/CSS 번들 크기 축소 — 코드 분할, tree shaking
• 폰트 최적화 — font-display: swap, 서브셋
• 캐싱 — Cache-Control 헤더, Service Worker

백엔드:

• DB 쿼리 최적화 — N+1 해결, 인덱스
• API 응답 캐싱 — Redis
• gzip/brotli 압축
• CDN 사용 (Cloudflare, CloudFront)

측정 도구:

• Lighthouse — Chrome DevTools 내장
• PageSpeed Insights — Google
• WebPageTest — 상세 분석

Core Web Vitals(LCP, FID, CLS)를 기준으로 최적화하면 SEO에도 도움이 됩니다.