gzip compression(압축)을 이용한 워드프레스 사이트 속도 향상 방법

사이트를 최적화 하는 방법 중에 하나가 gzip 압축을 사용하게 되는데 정적인 자원을 압축하여 클라이언트에 빠르게 보여주기 위함이다.
몇몇 워드프레스 플러그인 중에 gzip 압축을 지원하는  기능이 있기는 하지만 플러그인을 사용하지 않고 직접 코드를 입력하여 설정하는 방법을 하려고 한다.

1. 내 서버에 FTP로 접속하여 보자. 아마 루트 경로에 .htaccess 파일이 있을 것이다. 만약 없다면 만들거나 FTP 속성 중에 ‘숨김 파일 보기’와 같은 옵션을 찾아서 숨겨진 .htaccess을 찾아 수정하자.

2. 아마 아래와 같이 코드가 되어 있을 것이다.

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress

 그러면 바로 이어서 아래코드를 추가한다. 

# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png

# compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

3. 이렇게 입력하고 저장한 다음 서버에 올려놓고 검증 테스트를 거쳐보자.
 http://www.whatsmyip.org/http-compression-test 를 접속해서 url을 입력하고 ‘Test’버튼을 누르면 결과가 나온다.

이렇게 초록색 체크 아이콘으로 나오면 정상 압축이 된 것이다. 

 정보는 http://www.iceablethemes.com/how-to-speed-up-your-wordpress-site-with-gzip-compression/ 여기 내용을 번역 정리

TOP