웹사이트 로딩이 1초 느려지면 이탈률이 눈에 띄게 올라갑니다. 특히 홈페이지처럼 첫인상이 중요한 화면에서는 성능이 곧 매출과 직결됩니다.
꼭 봐야 할 핵심 지표
- LCP — 가장 큰 콘텐츠가 보이기까지 시간(2.5초 이내 권장)
- INP — 사용자 조작에 반응하는 속도
- CLS — 화면이 갑자기 밀리는 정도(레이아웃 안정성)
실전 개선 방법
- 이미지를 적정 해상도로 줄이고 WebP 등 효율적 포맷 사용
- 화면 밖 이미지는 지연 로딩(lazy load) 적용
- 불필요한 스크립트 제거와 코드 압축
- 캐시와 CDN으로 정적 자원 전송 속도 향상
이미지 한 장만 잘 최적화해도 체감 속도가 크게 달라집니다. 정기적으로 성능을 측정하고 병목을 찾아 개선하는 습관이 중요합니다.