Gzip 적용하기 (Cloudfront)

gzip이란?

gzip은 파일 압축에 쓰이는 응용 소프트웨어이다. 서버에서 html, javascript, css 등을 압축해줘서 리소스를 받는 로딩시간을 줄여주어서 성능을 개선시켜준다. 프론트 성능 개선을 위해 많이 쓰이고, 요즘 대부분의 브라우저들은 gzip압축을 지원한다.

gzip의 동작원리

Gzip압축을 지원하게 되면 브라우저는 서버에게 Accept-Encoding이라는 헤더를 통해서 ‘나 Gzip지원한다’라고 알려준다.

 

Accept-Encoding:gzip

 

그러면 웹서버는 이 요청을 받고 Gzip을 지원할 응답헤더에 Content-Encoding으로 ‘이건 Gzip을 지원해’라는 헤더를 넣어서 보내주게 된다.

 

Content-Encoding:gzip

Cloudfront gzip 적용방법

1. cloudfront behavior 탭에서 원하는 behavior 선택 후 edit 클릭

2. Compress objects automatically → Yes