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加缓存啊,前端打包的时候选择上线模式等等,可以继续优化的
- nginx启用gzip压缩js等文件
- IIS启用GZip压缩JS/CSS等静态文件
- IIS启用GZip压缩JS等extjs静态文件
- gzip 压缩 css,js 等文件
- IIS7下js文件启用Gzip后却不压缩的解决方法
- IIS启用GZip压缩JS/CSS文件的设置方法
- 启用nginx 的gzip压缩功能
- nginx启用gzip压缩的示例
- Nginx启用GZIP压缩网页传输方法
- Nginx 开启GZIP对js文件压缩
- Apache启用性能优化——启用Gzip,JS压缩
- 如何在Nginx服务器中启用Gzip压缩
- gSOAP启用gzip压缩
- tomcat启用gzip压缩
- 启用页面Gzip压缩
- tomcat启用gzip压缩
- Tomcat启用GZip压缩
- apache 启用 gzip压缩
- 吴恩达的博导Michael I. Jordan:最看好AI在游戏、娱乐、金融的应用
- 如何解决.gitignore不生效的问题
- Akka(36): Http:Client-side-Api,Client-Connections
- 对话斯坦福大学计算机科学系终身教授:AI如何在学术界和产业界相结合
- 计算二叉树的高度、节点数、叶子节点数
- nginx启用gzip压缩js等文件
- jquery中,html、val与text三者属性取值的联系与区别
- Hybris-Hot Folder
- java 中Calendar类中对日期的处理
- Openstack----创建实例
- 使用js实现-动态显示复选框选中个数
- 画图工具draw.io的二次开发经验
- Oracle的用户管理
- 30分钟学会如何使用Shiro