前端页面加载速度优化---Ngnix之GZIP压缩

gzip on; #开启Gzip
gzip_static on;#是否开启gzip静态资源 #nginx对于静态文件的处理模块，该模块可以读取预先压缩的gz文件，这样可以减少每次请求进行gzip压缩的CPU资源消耗。该模块启用后，nginx首先检查是否存在请求静态文件的gz结尾的文件，如果有则直接返回该gz文件内容。为了要兼容不支持gzip的浏览器，启用gzip_static模块就必须同时保留原始静态文件和gz文件。这样的话，在有大量静态文件的情况下，将会大大增加磁盘空间。我们可以利用nginx的反向代理功能实现只保留gz文件。
gzip_min_length 1k; #不压缩临界值，大于1K的才压缩，一般不用改
gzip_buffers 4 16k; #buffer，就是，嗯，算了不解释了，不用改
#gzip_http_version 1.0; // 用了反向代理的话，末端通信是HTTP/1.0，有需求的应该也不用看我这科普文了；有这句的话注释了就行了，默认是HTTP/1.1
gzip_comp_level 2; # 压缩级别，1-10，数字越大压缩的越好，时间也越长！
gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png; # 进行压缩的文件类型，缺啥补啥就行了，JavaScript有两种写法，最好都写上吧，总有人抱怨js文件没有压缩，其实多写一种格式就行了
gzip_vary off; #跟Squid等缓存服务有关，on的话会在Header里增加"Vary: Accept-Encoding"，我不需要这玩意，自己对照情况看着办吧
gzip_disable "MSIE [1-6]\."; #IE6对Gzip不怎么友好，不给它Gzip了

验证：

启用压缩后可以采用浏览器F12开发模式进行验证，或者登陆如下地址：

http://pagespeed.webkaka.com/

转载于:https://www.cnblogs.com/fishbook/p/9758998.html

前端页面加载速度优化---Ngnix之GZIP压缩相关推荐

页面加载速度优化的12个建议
1.合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件,这样不仅能简化代码,而且在执行JS文件的时候,如果JS文件比较多,就需要进行多次"Get"请求,延长加载速 ...
web 页面加载速度优化实战-100% 的飞跃提升
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. ...
python网页优化_400% 的飞跃－web 页面加载速度优化实战
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s,看来能进来看博主网站的人都是真爱呀,哈哈. 正常 ...
web 页面加载速度优化实战
前言一个网站的加载速度有多重要? 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站. 为啥捏? 看图首页完整加载时间 8.18s ,看来能进来看博主网站的人都是真爱呀,哈哈. ...
MVC页面加载速度优化小记
前言: 最近做一个地图展示页面,业务初期没什么问题,运行一阵后报错: Error during serialization or deserialization using the JSON Jav ...
需要某个字体包才能正确显示此页面_[三分钟小文]前端性能优化-页面加载速度优化...
本期内容请记住一个核心:JavaScript很快,DOM很慢阅读本文您将收获: 从用户输入URL到看得到页面的过程页面渲染过程在页面加载层级的性能优化用户看到页面之前都经历了什么这一部分是面 ...
java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减 ...
WEB前端性能优化，提高页面加载速度
可能有人会说:网站的性能是后端工程师的事情,与前端并无多大关系.我只能说,too young too simple.事实上,只有10%~20%的最终用户响应时间是用在从Web服务器获取HTML文档并传 ...
前端性能优化：如何提高页面加载速度和用户体验
第一章:介绍当今互联网时代,网站的性能对于用户体验至关重要.一个快速加载的网页不仅能提高用户的满意度,还能增加页面的转化率.而在前端开发中,性能优化是一个永恒的话题.本篇博客将为大家分享一些关于前端 ...
如何提高页面加载速度 || 前端的性能优化 || 浏览器渲染页面的过程是什么
1.降低请求量 ① 合并资源,减少http请求数量. ② lazyLoad,如图片懒加载.分批加载,每次只加载一部分. ③ 使用字体图标或CSS绘制,来代替部分图片. 2.加快请求速度 ...

前端页面加载速度优化---Ngnix之GZIP压缩

前端页面加载速度优化---Ngnix之GZIP压缩相关推荐

最新文章

热门文章