博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Liferay 前端性能调优(3) Gzip Filter
阅读量:5977 次
发布时间:2019-06-20

本文共 990 字,大约阅读时间需要 3 分钟。

对于多数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,image/gif,image/png,image/jpg"/>

这里我们可以很明显的看出来,我们启用了compression,然后我们定义了需要压缩的资源类型,用compressableMimeType属性,所以这里所有我们能想到的前端资源都在这个类型列表中。

最后,我们打开Firebug进行再次测试,作为结果的比较,果然性能提升很大:

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

本文转自 charles_wang888 51CTO博客,原文链接:http://blog.51cto.com/supercharles888/1213031,如需转载请自行联系原作者
你可能感兴趣的文章
windows下的php的memcache扩展的安装及memcache最新下载地址
查看>>
YOLOv3: 训练自己的数据(绝对经典版本1)
查看>>
POJ 1150 The Last Non-zero Digit 《挑战程序设计竞赛》
查看>>
Could not find artifact com.sun:tools:jar:1.5.0 解决办法
查看>>
神经网络---Hessian矩阵
查看>>
TreeMap之floorKey
查看>>
phpstorm xdebug remote配置
查看>>
iOS 无限后台运行
查看>>
STL札记3-2(hashtable关联容器set、map)
查看>>
Android 打开屏幕旋转
查看>>
MySQL索引背后的数据结构及算法原理
查看>>
windows 安装与使用redis
查看>>
Git fetch和git pull的区别
查看>>
引用与指针的区别
查看>>
pygtk笔记--2.1:布局容器,VBox、Hbox、Alignment
查看>>
修改PHP模板
查看>>
dtree.js树的使用
查看>>
将0~N打乱顺序,然后排序
查看>>
Javascript 函数声明和函数表达式的区别
查看>>
10.23 相对,绝对路径,cd,mkdir/rmdir,rm命令
查看>>