CSS, JS파일, gzip으로 한꺼번에 압축해서 전송하기
정작 더 신경써야할 css, js 파일들은 gzip가 적용이 안된상태로 쌩(?)으로 날리고 있더라구요.
css 파일들은 대게 5~10kb
js 파일들은 크면 40kb까지도 차지하는...따지고 보면 대용량인 파일들인데 그냥 날리기에는 트래픽이 아깝습니다.
물론 트래픽 뿐만 아니라 속도면에서도 체감할 수 잇을정도로 차이가 생기게 되죠.
gzip는 웹문서를 gzip로 압축해서 전송한 뒤에 클라이언트의 브라우저에서 압축을 풀어 웹페이지를 보여주는 방식입니다.
일반적으로 40kb짜리의 문서를 전송한다고 할 때 그냥 전송하면 트래픽을 40kb 까먹지만..
gzip로 전송할 경우 속도도 좀 빨라질뿐더러 좋은 압축률(60%~80%)을 자랑해서 40kb짜리를 8kb로 만들어서 보냅니다. 당연히 트래픽은 8kb만 까먹겠죠.
1. http://code.google.com/p/minify/ 에서 minify 최신버전을 다운받습니다. 현재는 minify 2.1.5 버전입니다.
2. 압축해제 한후, min 폴더내의 config.php 파일을 에디터에서 불러오기 합니다.
3. 47번째쯤 라인의 //$min_cachePath = '/tmp'; 라는 부분을 $min_cachePath = './tmp'; 로 수정합니다.
4. min 폴더안에 tmp 라는 폴더를 새로 만들기합니다.
5. min 폴더를 FTP 로 서버의 루트디렉토리에 업로드합니다.
6. 서버에 업로드된 min 폴더안의 tmp 폴더의 퍼미션을 707 로 권한 변경합니다.
7. 후딱 설치폴더안의 .htaccess 파일을 에디터에서 불러오기합니다.
8. 아래의 2가지 경우중 해당되는 구문을 .htaccess 파일의 맨 아랫줄에 추가합니다.
huddak 설치경로가 /hd/ 로 사용되는 경우
RewriteRule ^(.*\.(css|js))$ ./min/index.php?f=hd/$1 [L]
huddak 설치경로가 루트디렉토리인 경우
RewriteRule ^(.*\.(css|js))$ ./min/index.php?f=$1 [L]
9. 수정한 .htaccess 파일을 Huddak 폴더에 덮어쓰기 합니다.
제대로 설치됐는지 확인하시려면 사이트를 들어가서 트래픽을 발생시키셔서 tmp 폴더에 minify_xml ...로 시작하는 이상한 이름의 파일들이 생성되면 Okay!
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
코멘트 0
