nginx启用gzip压缩js等文件

来源:互联网 发布:gta5帅气男人捏脸数据 编辑:程序博客网 时间:2024/05/16 10:49

GZip压缩,是一种网站速度优化技术,也是一把SEO优化利器,许多网站都采用了这种技术,以达到提升网页打开速度、缩短网页打开时间的目的。

我们的图书馆系统,刚开始没有启动gzip压缩的时候,差不多二十多秒,才能完全打开,经过gzip压缩后,测试4.2s就可以完全打开.通过这两组数据的对比,gzip压缩优化的效果还是十分明显的,也正因为有效果,所以大部分网站都使用了该项技术进行速度优化。如果你的网站速度不够理想,而你还未采用这种优化技术的话,那么,赶快行动吧,使用Gzip压缩会让你的网站速度提升3倍以上!
实际上,网站采用Gzip压缩,还有一个好处,就是让你少了一份流量超标的担心。因为Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,而这个,也正是提升网页打开时间的原因所在。

如何开启:

gzip  on; #开启gzip    gzip_vary on;    gzip_min_length 1k; #不压缩临界值,大于1k的才压缩,一般不用改    gzip_buffers 4 16k;    gzip_comp_level 6; #压缩级别,数字越大压缩的越好    gzip_types  text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png image/x-icon; #压缩文件类型,缺啥补啥

用curl测试gzip是否成功开启
curl -I -H “Accept-Encoding: gzip,deflate” http://tfjybj.com/JG-Library-time”
出现的内容有这么一句话,就对了Content-Encoding: gzip

页面的成功压缩
然后测js,发现js没有成功压缩,所以就看是什么原因导致:
仔细看header信息,发现发现Content-Type项的“application/javascript”并没有出现在他的gzip_types内容里.所以把这个添加到gzip_types中,js也可以压缩成功了.

最后,我是用了一个网站监测工具来监测的:http://pagespeed.webkaka.com/
这里可以看到具体的每一个静态文件加载的时间等等
这里写图片描述

这里写图片描述

下面nginx加缓存啊,前端打包的时候选择上线模式等等,可以继续优化的

原创粉丝点击