这一次，我总结和分享一项大型网站优化技术，那就是在项目中自动压缩静态资源文件（css、js），并让网站自动加载压缩后的资源文件。当然，这项技术在雅虎35条前端优化建议里也有记载，但它那只是给出一个理论的方案而已，并且采用的是外部压缩工具去压缩，而在我的项目中，是直接通过自己的程序自动化去压缩所有css、js文件，然后让页面直接加载所压缩后的资源，接下来直接进入主题。

本次实验使用的是PHP脚本语言，版本是PHP5.6，是在LINUX下搭建的环境（网上搭建无论是搭建LAMP还是LNMP的教程都五花八门乱七八糟，下次我会总结和分享如何在LINUX下搭建服务器环境的博文，而且搭建的环境必须一次性搭建成功的）。所选用的框架是CI框架，所使用的模板是Smarty模板引擎。当然了，这些只是我所使用的环境而已，如果你是PHP开发者，假如你要测试下这次实验，那么，我建议你的PHP版本选用5.4以上，至于框架用什么都是可以的。而如果你不是PHP开发者（你是JSP或者是ASP开发者或者是其他开发者），那么你理解好这一思路后，完全可以在自己熟悉的语言里进行实验测试。

一、原理图

首先我画一张思路图，便于大家先理解。

首先是资源压缩原理图：

接着是资源文件替换的原理图：

假如大家认真理解并且看懂这两张原理图的话，基本上也就掌握了我所分享的思路。假如还是不能理解的话，接下来我会结合代码，对以上原理图的每一步进行详细讲解。

二、思路详细分析

1.首先是调用该压缩的方法，你可以把该方法放在网站所要加载的公共类的地方，例如每次访问网站都会调用该压缩方法进行压缩。当然，这个只是在开发环境才会每次都调用，如果是线上的环境，在你的网站发一次新版本的时候，调用一次用来生成压缩版的静态资源就可以了。

2.接着就调用了 ResMinifier类里的 compressRes方法。在这里我先附上 ResMinifier这个类的代码，然后方便一步步进行分析讲解