수정하기 - 웹서버에서 Gzip 압축을 설정하는 방법은?

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

웹서버에서 Gzip 압축을 설정하는 방법은 사용하는 웹서버 종류에 따라 다르지만, 대표적으로 아파치(Apache), Nginx<a href='https://sangseek.com/sangseeks/, II/ko'>, II</a>S 서버에서 Gzip 압축을 활성화하는 방법에 대해 설명하겠습니다. Gzip 압축은 서버가 클라이언트에게 전송하는 텍스트 기반 리소스(HTML, CSS, JavaScript, JSON 등)를 압축하여 네트워크 전송량을 줄이고, 페이지 로딩 속도를 개선하는 데 도움을 줍니다.           1. 아파치(Apache) 웹서버에서 Gzip 압축 설정하기    아파치에서는 `mod_deflate` 모듈을 사용해 Gzip 압축을 활성화합니다. 보통 기본 설치 시 포함되어 있지만, 활성화가 되어 있는지 확인하세요.    -   mod_deflate 활성화 여부 확인 및 활성화      ```bash     Ubuntu/Debian 계열  sudo a2enmod deflate  sudo systemctl restart apache2  ```    -   압축 설정 추가      아파치 설정 파일(`httpd.conf` 또는 해당 사이트의 `.htaccess` 파일) 내에 아래 내용을 추가합니다.    ```apache  <IfModule mod_deflate.c>         압축할 MIME 타입 지정      AddOutputFilterByType DEFLATE text/plain      AddOutputFilterByType DEFLATE text/html      AddOutputFilterByType DEFLATE text/css      AddOutputFilterByType DEFLATE application/javascript      AddOutputFilterByType DEFLATE application/json      AddOutputFilterByType DEFLATE application/xml      AddOutputFilterByType DEFLATE text/xml      AddOutputFilterByType DEFLATE text/javascript      AddOutputFilterByType DEFLATE application/xhtml+xml           특정 브라우저의 호환성 문제 대응 (예: IE6 버그 방지)      BrowserMatch ^Mozilla/4 gzip-only-text/html      BrowserMatch ^Mozilla/4\.0[678] no-gzip      BrowserMatch \bMSIE !no-gzip !gzip-only-text/html           HTTP 헤더에 압축 정보 추가      DeflateCompressionLevel 6  </IfModule>  ```    - 설정 후 아파치를 재시작하여 적용합니다.    ```bash  sudo systemctl restart apache2  ```    ---           2. Nginx 웹서버에서 Gzip 압축 설정하기    Nginx는 기본적으로 Gzip 모듈이 내장되어 있으므로 설정 파일 안에서 Gzip을 활성화하고, 압축 대상 MIME 타입 등을 지정해주면 됩니다.    -   설정 파일 위치      보통 `/etc/nginx/nginx.conf` 또는 사이트별 설정 파일(`/etc/nginx/sites-available/` 내)입니다.    -   Gzip 설정 예시      ```nginx  http {      gzip on;                              Gzip 활성화      gzip_vary on;                        Vary 헤더 추가 (캐시 정책에 도움)      gzip_proxied any;                    프록시된 요청에 대해 압축 수행      gzip_comp_level 5;                   압축 수준 (1~9)      gzip_buffers 16 8k;                  압축 버퍼 크기 및 갯수      gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;      gzip_min_length 256;                 이 길이 이상인 응답에 대해서만 압축 수행      gzip_disable "msie6";                IE6 이하 브라우저에서는 압축 비활성화  }  ```    - 설정을 변경한 후 Nginx를 재시작합니다.    ```bash  sudo systemctl reload nginx  ```    ---           3. IIS(Internet Information Services)에서 Gzip 압축 설정하기    IIS는 윈도우 서버 기반이며, GUI나 명령행으로 압축 설정을 할 수 있습니다.    -   동적 및 정적 콘텐츠 압축 활성화      1.   IIS 관리자를 실행한다.      2. 서버 또는 사이트 레벨에서   ‘Compression’   기능을 선택한다.    3.   “Enable dynamic content compression”   및   “Enable static content compression”   체크박스를 활성화한다.    4. 설정 후 IIS를 재시작한다.    -   명령행으로 설정할 경우 (PowerShell 또는 명령 프롬프트)      ```powershell     정적 압축 활성화  appcmd set config /section:urlCompression /doStaticCompression:true       동적 압축 활성화  appcmd set config /section:urlCompression /doDynamicCompression:true       IIS 재시작  iisreset  ```    -   web.config 파일에 직접 설정하기      아래와 같이 `<system.webServer>` 섹션 안에 추가할 수도 있습니다.    ```xml  <system.webServer>      <urlCompression doStaticCompression="true" doDynamicCompression="true" />  </system.webServer>  ```    ---           참고사항    -   브라우저 호환성 체크:   과거 특정 브라우저에서는 Gzip 압축에 문제가 있을 수 있으므로, 가능하면 호환성 설정을 포함하는 것이 안전합니다.    -   압축 대상 설정:   이미지(JPEG, PNG 등)와 같이 이미 압축된 파일은 Gzip 압축하지 않는 것이 좋으며, 위 예제들은 텍스트 기반 리소스에 대해서만 압축을 수행하도록 설정합니다.    -   압축 수준 설정:   압축률이 높을수록 CPU 부하가 커지며, 너무 낮으면 압축 효과가 떨어집니다. 보통 수준 5~6 정도로 설정하는 경우가 많습니다.    ---           마무리    웹서버에서 Gzip 압축을 설정하면 페이지 로딩 속도가 개선되고, 서버와 클라이언트 간의 데이터 전송량이 줄어 사용자의 체감 성능이 향상됩니다. 위 아파치, Nginx, IIS별 방법에 따라 환경에 맞게 설정을 적용하고 테스트해보는 것을 추천드립니다. 설정 후에는 반드시 실제 브라우저 또는 `curl -H "Accept-Encoding: gzip" -I http://example.com` 같은 명령어로 응답 헤더(`Content-Encoding: gzip`)가 제대로 반환되는지 확인하십시오.