성능 최적화는 특정 도구 하나로 해결되지 않습니다. 사용자가 처음 보는 화면에 필요한 파일의 양을 줄이고, 브라우저가 적절한 크기의 이미지를 내려받게 만드는 기본 작업부터 시작해야 합니다.
우선순위가 높은 항목
- 01next/image에 정확한 sizes 지정
- 02사용하지 않는 클라이언트 JavaScript 줄이기
- 03폰트 종류와 굵기 최소화
- 04서버 렌더링과 캐시 활용
- 05실제 기기에서 Core Web Vitals 확인
빠른 개발 환경보다 실제 사용자의 네트워크에서 빠른지가 더 중요합니다.
변경 전후의 수치를 기록하고 한 번에 하나씩 개선하면 어떤 작업이 실제 효과를 냈는지 확인할 수 있습니다.