coolx.net

Computer ???

No.

445

Name.

swindler

Subject.

Minify (JavaScript, Css를 gzip으로 자동압축)

Main Cate.

Internet일반

Sub Cate.

Date.

2014-01-17 17:14

Hit.

3406 (211.36.27.3)

File.

개인적으로는 gzip이 과연 효율적인지에 대한 의문이 있다.

네트웍 속도가 느리거나 트래픽이 엄청나지 않다면
차라리 압축하고 푸는게 더 손해가 아닐런지.
(정확히 테스트해 본적은 없다.)

하여튼, 보통 php의 경우에는 상단에 아래와 같이 적어서 gzip을 압축하는 경우가 있다.
<?php ob_start("ob_gzhandler"); ?>

그런데, javascript와 css파일은 ob_start를 사용하여 압축할 수가 없어서
Minify라는 툴이 등장한 것 같다.

참고로 이놈은 캐싱을 자체적으로 하기 때문에 위에서 언급한 압축하는데 있어서의 오버헤드는 없고, 단지 브라우저에 압축을 푸는데 고생스럽긴 하겠지만, 그거야 뭐 서버관할이 아니니까...

http://code.google.com/p/minify/

PHP 5이상과 zlib 라이브러리가 필요하다.

min이라는 폴더를 통째로 사용할 디렉토리로 이동하고
min/cache 라는 폴더를 만들어서 권한을 707로 준다. (거기에 캐싱 파일이 생성된다.)

홈디렉토리에 .htaccess 파일을 생성하고 아래와 같이 작성한다.
RewriteEngine On
RewriteBase /
RewriteRule ^(.*\.(css|js))$ min/index.php?f=$1&debug=0 [L,NC]

(.htaccess 파일을 사용하기 위해서 apache 웹서버의 AllowOverride None이 설정되어 있어서는 안 된다.)

그리고 min/config.php 파일안에서 아래와 같이 cache 폴더를 설정한다.
$min_cachePath = './cache';

이렇게 하고 브라우저로 css/js 파일을 호출해보면 gzip 이 적용되어
파일 사이즈가 줄어든 것을 알 수 있다.
처음에 한번은 압축을 하고 caching을 생성하느라 약간 느릴 수 있고, 그 다음부터는 caching된 데이터를 사용한다.

http://code.google.com/p/minify/wiki/UserGuide

[바로가기 링크] : http://coolx.net/cboard/computer/445


[Modify] [Delete]		[Reply] [List]