Liferay 前端性能调优(6) 总结

我们现在做个总结：

事实上，为了有更好的用户体验我们从各个方面做了优化：

资源本身尺寸裁剪：

对于css,js资源，我们用yui-compressor对其进行了压缩处理

对于image资源，我们用了sprite工具吧多个小图片合并成大的单个图片

资源从服务器下载到客户端的速度开销减少：

我们对于服务器开启了Gzip Filter的过滤功能，这样所有的资源都是被压缩过的，从而当下载到浏览器中可以大大减少下载时间。

资源的数量缩小：

这个我们主要是Liferay的服务器进行了一系列的参数优化配置，包括开启各种优化参数吧多个资源合并成单个资源等。

所以，现在效果很明显：

我们还记得在第一篇文章中，我们的得分是68分，现在我们看下优化后的得分：

效果很显著，从开始的68分提升到了现在的83分（并且到B级了），所以我们很自信的说，现在的页面性能比以前好多了

本文转自 charles_wang888 51CTO博客，原文链接：http://blog.51cto.com/supercharles888/1213150，如需转载请自行联系原作者