👨🏻‍💻Infra/🟦WEB & WAS

Apache gzip 압축전송

공개하기부끄러운블로그 2020. 10. 14. 21:41
반응형

위 화면은 Chrome 개발자도구에서 확인할수 있는 내용이다

필자가 관리하고있는 사이트는 gzip 으로 압축 전송이 되고있다.

위 사진에 보듯이 서버에서 설정을 아직 안했다면 Response Headers 쪽에

Content-Encoding: gzip 이 없을것이다.

 

이를 사용하기 위해서는 2개의 조건이 있다.

 

1. 사이트에 접속하는 사용자의 브라우저에서 gzip 기능을 지원할것

2. 서버에서 gzip으로 전송

 

vi httpd.conf

LoadModule deflate_module modules/mod_deflate.so
LoadModule headers_module modules/mod_headers.so
LoadModule filter_module modules/mod_filter.so

위 세개 모듈 주석 해제 후 아래 적혀있는 것들을 복사해서 하단에 붙여넣는다

 

<IfModule deflate_module>
    AddOutputFilterByType DEFLATE text/plain text/html text/xml test/css
    AddOutputFilterByType DEFLATE application/xml application/xhtml+xml application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript application/x-javascript
    AddOutputFilterByType DEFLATE audio/midi
    DeflateCompressionLevel 9
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
    # 예외 설정
    SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|iso|tar|bz2|sit|rar) no-gzip dont-vary
    SetEnvIfNoCase Request_URI .(?:gif|jpe?g|jpg|ico|png) no-gzip dont-vary
    SetEnvIfNoCase Request_URI .pdf no-gzip dont-vary
    SetEnvIfNoCase Request_URI .flv no-gzip dont-vary
    # Log 설정
     DeflateFilterNote Output outstr
     DeflateFilterNote Input instr
     DeflateFilterNote Ratio ratio  
     LogFormat '"%r" %{outstr}n/%{instr}n %{ratio}n%%' DEFLATE
    Header append Vary User-Agent env=!dont-vary
</IfModule>

 

그 다음 apache restart 후 확인하면 된다.

아래 사이트에서 테스트 할 도메인을 입력하면 gzip전송이 되는지 확인 할수있다.

아래 사이트에서 확인하면 좋은점은 몇퍼센트 절감이 되고있는지 확인할수있다.

(첫번째 사진처럼 개발자도구에서도 확인가능하다)

http://www.whatsmyip.org/http-compression-test/

 

HTTP Compression Test / WhatsMyIP.org

Compress Your Content Compressing your content saves bandwidth and improves render time, particular on devices with slow internet connections. But it also reduces load on your server. While it does take some amount of computer power to compress files on th

www.whatsmyip.org

 

아래 사진은 필자 도메인을 확인한 사진이다.

 

 

반응형