ngnix gzip 설정하기 (번들 사이즈 용량 줄이기)

하게 된 계기

js 번들 사이즈 용량이 너무 커서 페이지 초기 로딩 속도가 너무 느린 현상이 있어서 번들 사이즈를 줄이게 되었습니다

설정 방법

1. 서버에서 ngnix/nginx.conf를 열어줍니다

저희의 경우 ec2내의 docker에 ngnix가 위치해서 vim ngnix.conf를 통해 파일을 열어주었습니다

2. ngnix.conf 파일에서 https에 추가해줍니다

    gzip on;
    gzip_types text/plain application/x-javascript text/xml text/css application/xml application/javascript;
    gzip_vary on;
    gzip_min_length 10240;
    gzip_comp_level 6;
    gzip_disable "MSIE [1-6].(?!.*SV1)";

적용한 결과

926kb => 약 300kb로 적은 용량으로 압축해서 보낼 수 있었습니다 👍

참고자료

https://wonsss.github.io/%EC%B5%9C%EC%A0%81%ED%99%94/gzip-compression/

https://docs.nginx.com/nginx/admin-guide/web-server/compression/