테스트 목적
이미지 압축과 페이지 캐시가 실제로 어느 정도 차이를 만드는지 확인하기 위해 테스트 환경에서 전후 비교를 수행했습니다.
적용한 변경
대형 이미지를 화면 크기에 맞게 변환하고 압축 형식으로 바꿨습니다. 화면 아래쪽 이미지는 필요할 때 불러오도록 지연 로딩을 적용했습니다.
페이지 캐시 규칙을 재구성해 같은 페이지 반복 방문 시 저장된 결과를 전달하도록 했습니다.
측정 결과
테스트 환경 기준으로 LCP는 4.2초에서 2.6초로, TTFB는 1.1초에서 0.4초로 측정되었습니다. 이미지 최적화의 영향으로 페이지 전체 용량도 3.4MB에서 1.2MB로 줄었습니다.
적용 결과는 환경에 따라 달라질 수 있으며, 이 수치는 테스트 환경의 예시 데이터입니다.
LCP
전4.2s
후2.6s
TTFB
전1.1s
후0.4s
페이지 용량
전3.4MB
후1.2MB
- 범례
- 전은 최적화 적용 전, 후는 적용 후입니다. 각 지표는 낮을수록 좋습니다.
테스트 환경에서 측정한 예시 데이터입니다. 막대 길이는 각 지표 기준 상대값이며, 세 지표 모두 낮을수록 좋습니다.