Load Time 5.2s에서 1.4s로 단축한 WordPress 최적화 전략

Context

WordPress의 기본 구조와 플러그인 의존성으로 인한 과도한 HTTP Request 및 렌더링 차단 리소스 발생. Page Builder와 무거운 테마 사용으로 인한 Core Web Vitals 지표 악화 및 전환율 저하 문제 직면.

Technical Solution

• Vanilla JS 전환 및 jQuery 의존성 제거를 통한 브라우저 메인 스레드 부하 감소
• Redis 기반 Object Cache 도입 및 .htaccess Browser Caching 설정을 통한 서버 응답 시간 200ms 미만 달성
• Critical CSS 인라인 처리와 JavaScript Defer 로딩을 적용한 렌더링 경로 최적화
• DB 내 Post Revision 및 Orphaned Postmeta 정기 삭제를 통한 Query 성능 개선
• WebP 포맷 전환 및 Responsive Images 구현을 통한 페이로드 크기 최소화
• WooCommerce Cart Fragments 스크립트 비활성화를 통한 불필요한 AJAX 요청 제거

Impact

• Load Time: 5.2s → 1.4s
• LCP: 4.8s → 1.2s / FID: 180ms → 45ms / CLS: 0.25 → 0.02
• Page Size: 3.2MB → 450KB / Requests: 85 → 22

Key Takeaway

성능 최적화는 단일 도구 도입이 아닌 인프라-데이터베이스-프론트엔드 전 계층의 병목 지점을 제거하는 Systematic Approach의 결과물임.