워드프레스 워드프레스 최적화 Compression

워드프레스 최적화 Compression

646
0

워드프레스 최적화 Compression에 대해서 알아보겠습니다. Compression이란 gzip 압축 전송을 말합니다. gzip 압축 전송과 워드프레스 최적화 Compression과 무슨 관계이냐고 물어보신다면 이렇게 설명할 수 있겠습니다. gzip 압축 전송은 사용자가 웹서버에 웹페이지를 요청하게 되면 웹사이트를 압축해서 사용자에게 전송하는 것을 말합니다. 압축되지 않은 내용을 사용자에게 보낼때 보다 압축을 해서 전송을 하게 되면 용량이 절반이상 줄어들게 되고, 사용자의 웹브라우저에 웹페이지 로딩은 그만큼 빨라지게 됩니다.

Cpanel이나 기타 컨트롤 패널을 이용한다면 gzip은 아주 간단합니다. 아래와 같이 버튼 한번 클릭하게 되면 간단히 해결됩니다.gzip01

하지만 이런 컨트롤 패널을 사용하지 않는 유저들은 .htaccess에 다음과 같이 추가해서 넣으면 됩니다. 웹서버 타입에 따라서 다르지만 일반적인 아파치 서버 기준으로 해서 설명하겠습니다.

 

# 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

 

.htaccess 파일을 열고 위와 같이 추가해 주면 됩니다. .htaccess 파일을 잘못 수정할 경우 웹페이지가 안열릴수 있음으로 백업을 받아놓고 하시기 바랍니다. .htaccess 파일은 홈디렉토리 밑에 있고, 숨김 파일입니다.

 

# BEGIN WordPress

RewriteEngine On

RewriteBase /

RewriteRule ^index.php$ – [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.php [L]

# END WordPress

 

워드프레스 기본 설치시 .htaccess 파일의 내용입니다. 여기에 캐쉬플러그인등을 사용하면 다양한 구문이 추가되게 됩니다.

.htaccess 파일을 수정하고, 웹사이트가 정상적으로 작동하는 것을 확인 하셨다면 gzip이 제대로 적용되는지 확인하셔야 됩니다. gzip 전송 확인 사이트 입니다.

gzip02

정상적으로 gzip이 적용된것을 확인 할 수 있습니다. 90%가까이 크기가 줄어들었습니다. 앞에서 이야기한 이미지 최적화와 워드프레스 Compression을 하게 된다면 전송속도가 하기 전보다 50%이상 향상된다고 볼 수 있습니다. 다음편에서는 웹사이트 caching에 대해서 알아보겠습니다.