Nginx(openresty) 开启gzip压缩功能 提高web网站传输速度

1 开启nginx gzip压缩后,网页的图片,css、js等静态资源的大小会减少,节约带宽,提高传输效率,给用户快的体验,给用户更好的体验.

2 安装

复制代码
#centos 8.5
yum install gzip

3 配置

复制代码
#建议统一配置在http段
vim /usr/local/openresty/nginx/conf/nginx.conf
gzip  on;  #开启gzip
gzip_min_length 1k;  #低于1kb的资源不压缩
gzip_buffers 4 16k; #内存缓冲
gzip_comp_level 3; #压缩级别【1-9】,越大压缩率越高,同时消耗cpu资源也越多,建议设置在4左右。
gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;  #需要压缩哪些响应类型的资源,多个空格隔开。不建议压缩图片,和大文件
gzip_disable "MSIE [1-7]\.";  #配置禁用gzip条件,(因为ie低版本不支持)
gzip_vary on;  #是否添加"Vary: Accept-Encoding"响应头,提示浏览器,压缩的文件

4 重新加载nginx 配置

复制代码
/usr/local/openresty/nginx/sbin/nginx  -s  reload

5 测试实际效果

没有开启gzip功能

#开启gzip之后

启用gzip压缩之后, 传输的资源减小,加载时间也变小.

相关推荐
YAwu113 分钟前
手写一个符合 Promise/A+ 规范的 Promise(附完整代码)
前端·javascript
暗不需求4 分钟前
从路虎汽车小程序看微信小程序开发的最佳实践
前端·javascript·微信小程序
用户059540174465 分钟前
我把RAG对话记忆测试从手工用例改成ChromaDB自动化评估,Bug发现率翻了4倍
前端·css
向日的葵0068 分钟前
vue路由(二)
前端·javascript·vue.js·vue
姓王者8 分钟前
解决QQ浏览器等魔改内核下SVG背景图颜色异常变白的问题 | 姓王者的博客
前端
ejinxian14 分钟前
Angular v22 正式发布:Signal Forms、Angular Aria 和 AI 开发工具全面生产化
前端·javascript·angular.js
小小龙学IT14 分钟前
Tauri:用 Web 技术构建桌面应用的新范式
前端
wuhen_n15 分钟前
RAG 入门:检索增强生成核心原理
前端·人工智能·typescript·langchain·ai编程
pe7er16 分钟前
AI为啥会写出if(obj != null && obj.ifEnabled)这样的代码
前端·后端·架构
狗凯之家源码网29 分钟前
电商代付系统从零搭建与实战指南
前端·后端·开源