网站的访问速度都SEO的基础,这篇文章介绍了如何开启nginx的gzip压缩, 以提升网站访问速度。

基本概念

首先我们要了解gzip压缩的概念, 我们网站的CSS, JS, HTML, JSON等文本文件会包含大量的空格和换行符, 这些空格和换行符对开发者阅读是非常有利的, 但对浏览器完全是累赘, gzip压缩就是把这些累赘给删除掉, 从而缩小文件体积, 以达到提升网站访问速度的目的.

如果文件是二进制, 使用gzip压缩则没有效果, 比如图片, 视频等, 所以大家不要使用gzip来压缩二进制文件.

当然gzip压缩也有缺点, 那就是会消耗一部分CPU性能, 但相比于压缩后减少一半以上的体积来说, 这点CPU性能损耗是完全值得的.

nginx的gzip配置

我直接给出gzip的常用配置, 大家可以直接复制粘贴来用.

  gzip on;
  gzip_comp_level 5; 
  gzip_min_length 1k; 
  gzip_buffers 4 16k; 
  gzip_proxied any;
  gzip_types 
    application/javascript
    application/x-javascript
    text/javascript
    text/css
    text/xml
    application/xhtml+xml
    application/xml
    application/atom+xml
    application/rdf+xml
    application/rss+xml
    application/geo+json
    application/json
    application/ld+json
    application/manifest+json
    application/x-web-app-manifest+json
    image/svg+xml
    text/x-cross-domain-policy;
  gzip_static on;  
  gzip_disable "MSIE [1-6]\."; 

gzip on: 开启gzip gzip_comp_level 5: 压缩等级, 压缩等级分为1-9, 数字越大压缩越彻底, 但越消耗CPU, 一般5就足够了, 再高没必要 gzip_min_length 1k: 多大的文件才进行压缩, 如果文件小于1K完全没必要压缩 gzip_buffers 4 16k: 压缩时的缓存区大小, 可以理解为工作车间的大小 gzip_proxied any: 对代理文件进行压缩, nginx一般是作为反向代理, 这个就是告诉nginx对它反代的服务器文件进行压缩 gzip_types: 需要被gzip的mime类型 gzip_static on: 对静态文件进行gzip压缩, 是用来配合gzip_types来使用, 单独使用无效 gzip_disable "MSIE [1-6]\.": 对IE6和以下的浏览器不开启gzip压缩, 因为IE6以前的浏览器不支持gzip

如何使用gzip的配置

  1. 新建一个gzip.conf, 把以上配置粘贴进该文件

20220102211527-2022-01-02-21-15-27

  1. nginx.conf文件中引入该文件

20220102211622-2022-01-02-21-16-22

  1. 重启nginx

如何判断gzip是否生效?

我们重启完nginx后, 去请求一次网页, 然后检查头部, 看有没有包含content-encoding: gzip, 如果包含则表示开启成功.

20220102211854-2022-01-02-21-18-55

参考资料

如何在 Nginx 服务器中配置 GZip 压缩? Nginx性能优化功能- Gzip压缩(大幅度提高页面加载速度)

THE END
开启精彩搜索

历史搜索

用户名或邮箱
密码
用户名
密码
重复密码
邮箱
注册
找回密码
注册 登录
邮箱
邮箱验证码
发送验证码
59秒后可重发
新密码
重复密码
请选择支付方式
余额支付

购买将消耗【10

微信支付
微信扫码支付 0 元
[ 04分50秒 ]
请使用微信扫一扫
扫描二维码支付
支付宝支付
支付宝扫码支付 0 元
[ 04分50秒 ]
请使用支付宝扫一扫
扫描二维码支付
已完成支付
未完成支付

请输入验证码

点击验证码可以刷新

你确认吗?

确认

2024年10月1日

新增

新增