nginx启用gzip压缩js等文件

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加缓存啊,前端打包的时候选择上线模式等等,可以继续优化的