초기 렌더링을 최적화하기 위해 gzip 압축을 도입했는데 엄청난 성능 향상을 보여주었습니다.(저희 프로젝트 기준 라이트하우스 렌더링 점수 29→68)
이렇게 렌더링 성능이 드라마틱하게 향상된다면 실제 회사에서도 많이 쓰일 것 같은데, 실제 회사에서도 gzip 압축을 애용하시나요?
- gzip 압축이 네트워크에서 코드를 다운받는 용량을 감소시켜서 초기 렌더링 성능을 향상시킨다고 이해했습니다. 그런데 실제로 라이트하우스 결과를 보면 코드 평가 시간에도 영향을 주는 것으로 기억하는데(10000ms→2800ms), gzip 압축이 코드 평가 시간에 영향을 미치는 이유가 뭘까요? js 파일은 압축 해제된 코드를 기준으로 평가를 할 것 같은데 말이죠.
gzip → 파일 용량
javascript 코드는 → 파일 용량 ? 코드를 파싱 → 코드를 파싱해서 해석해서 실행하기 까지
2800ms → 네트워크 통신 비용이 감소한 정도?
(저희 경우에는 3mb였는데 1mb 정도로 줄었습니다)
js로 실행하는 코들
→ API 통신을 할 때 gzip 같은 것들을 이용한다고 치면?
→ API 통신 비용감소