압축과 통합을 통한 js, css 다운로드 최적화

Ajaxian에 Maximizing Performance with Compression and Combination이라는 기사가 있더군요. [Ajaxian의 밀린 기사 읽는 중이랍니다. ^^;;] 이전에 Vox.com 분석할 때 Vox.com의 js 및 css를 자동으로 통합해서 배포하는것 같다는 얘기를 한 적이 있습니다. 이와 비슷한 방법이기는 하나 Ajaxian의 Maximizig Performance...도 js와 css를 자동으로 통합해서 배포하는 방법에 대해서 설명하고 있습니다.

큰틀은 다음과 같습니다.

• js 및 css 파일들을 request에 따라 하나의 통합된 파일로 생성합니다. (Combination)
  
• 이 통합 파일을 gzip으로 압축하여 배포합니다.
  
• 그리고 압축파일을 디스크에 캐싱해 둡니다.

.htaccess파일을 수정하여 css나 js파일이 여럿 나오는 경우 이를 combine.php로 redirect시켜서 처리하도록 하고 있군요. 솔루션 자체도 오픈되어 있습니다.

RewriteEngine On
RewriteBase /
RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1
RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1

솔루션을 공개해주신 rakaz님께 감사를~~ ^^

출처 : 
rakaz님의 Make your pages load faster by combining and compressing javascript and css files
Ajaxian의 Maximizing Performance with Compression and Combination