我们现在做个总结:

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


资源本身尺寸裁剪:

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

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


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

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


资源的数量缩小:

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


所以,现在效果很明显:

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


141828493.png


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