Liferay 前端性能调优(3) Gzip Filter

对于多数Http请求来讲，若是咱们能让他们以压缩文件的形式提供这些资源的话，也会极大的提升效率。咱们只要开启Gzip，而后就能够减小下载这些资源所占用的网络传输时间。

为了进行比较，咱们先给个截图，这是没有启用Gzip的状况：

从这里能够看出，在启用Gzip以前，下载ext-all-debug.js须要2.8MB这么大的文件，须要用时1.53秒。

而后咱们就配置Gzip Filter，为此须要作2个步骤：

(1)在$LIFERAY_HOME/portal-ext.properties文件中启用GzipFilter的功能以下：

(2)在$TOMCAT_HOME/conf/server.xml中，由于咱们要测试的页面部署在8080端口上，因此咱们找到8080端口的链接器(Connector),而后启用gzip ,具体就是加入如下参数：

compression="on"

compressionMinSize="2048"

noCompressionUserAgents="gozilla,traviata"

compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain,p_w_picpath/gif,p_w_picpath/png,p_w_picpath/jpg"/>

这里咱们能够很明显的看出来，咱们启用了compression,而后咱们定义了须要压缩的资源类型，用compressableMimeType属性，因此这里全部咱们能想到的前端资源都在这个类型列表中。

最后，咱们打开Firebug进行再次测试，做为结果的比较，果真性能提高很大：

从这咱们不难看出，如今的Resource Header中 Content-Encoding被设置成了gzip,因此这表示咱们的gzip的功能已经被正确的开启，而后咱们发现ext-all-debug.js的尺寸从2.8MB缩小成了只有550KB，并且网络的传输时间从1.53秒缩短到了906毫秒，几乎减小了40%的下载时间，其余的资源也都相应的下载时间有了大幅度的减小。可见效果很明显。