Nginx 怎么在 Nginx 中配置针对不同终端设备的差异化 Gzip 压缩策略

梦磊吖_7644

梦磊吖_7644

2026-08-16

273人浏览

原创

nginx可通过user-agent结合map指令动态设置gzip开关,实现按终端类型差异化启用压缩;gzip_comp_level不支持变量,需通过多location配置不同压缩级别或gzip_static预压缩文件方案。

nginx 怎么在 nginx 中配置针对不同终端设备的差异化 gzip 压缩策略

Nginx 本身不直接识别“手机/平板/桌面”这类终端设备类型,但它可以通过 User-Agent 请求头中的特征字符串(如 Mobile、Android、iPhone、iPad、Windows NT、Mac OS X 等)做条件判断,并结合 map 指令动态设置变量,进而控制 Gzip 压缩行为——实现按终端类型差异化启用或调整压缩策略。

这不是靠多个 server 块区分(那是按域名),而是利用 Nginx 的运行时变量能力,在同一个 server 或 http 块中,根据请求来源设备特征,决定是否压缩、用多高级别压缩。


1. 用 map 指令识别终端类型并设置压缩开关

在 http 块顶部(必须在 server 外)定义一个映射关系,将 User-Agent 转为布尔型变量(如 $gzip_enabled):

http {
    # 根据 User-Agent 判断是否为移动设备
    map $http_user_agent $gzip_enabled {
        default         on;          # 默认开启(桌面端)
        "~*Mobile"      on;          # 含 Mobile(安卓、iOS 微信/QQ 内置浏览器等)
        "~*Android"     on;
        "~*iPhone"      on;
        "~*iPad"        on;
        "~*Windows Phone" on;
        "~*UCBrowser"   on;
        "~*MQQBrowser"  on;
        # 显式排除某些低性能老旧移动 UA(可选)
        "~*MSIE [1-8]\." off;       # IE8 及以下禁用
        "~*Trident.*rv:11" off;     # IE11 兼容模式也关
    }

    # 全局启用 gzip,但实际是否生效由 gzip on/off 控制
    gzip on;
    gzip_vary on;
    gzip_min_length 1024;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml text/javascript;

    server {
        listen 80;
        server_name example.com;

        # 根据 $gzip_enabled 动态控制本请求是否压缩
        gzip $gzip_enabled;

        # 其他配置...
        location / {
            root /var/www/html;
            index index.html;
        }
    }
}

⚠️ 注意:gzip 指令支持变量值(gzip $gzip_enabled),但仅接受 on/off 字符串。map 输出必须是纯字符串,不能是数字或空值。


2. 进阶:按终端类型设置不同压缩级别

Nginx 的 gzip_comp_level 不支持变量(编译期固定),无法直接写 gzip_comp_level $level。但可通过两个技巧间接实现:

✅ 方案一:用多个 location + gzip 开关 + 不同 gzip_comp_level(推荐)

把关键路径(如 API、静态资源)拆开,结合 if 或 map + location 匹配,再在各 location 中设独立压缩参数:

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
# 在 http 块中定义终端类型变量
map $http_user_agent $is_mobile {
    default         0;
    "~*Mobile|Android|iPhone|iPad" 1;
}

server {
    location /api/ {
        # 移动端 API 响应更轻量,关闭压缩以节省 CPU
        if ($is_mobile) {
            set $gzip_off "on";
        }
        gzip $gzip_off;
        gzip_comp_level 1;  # 即使开启,也用最低级
        # ...
    }

    location /static/ {
        # 静态资源对所有终端都强压缩
        gzip on;
        gzip_comp_level 6;
        gzip_types text/css application/javascript image/svg+xml;
    }
}

? 提示:if 在 location 内可用,但避免在 server 根作用域滥用;优先用 map + location 组合更稳定。

✅ 方案二:用 gzip_static 配合预压缩文件(适合静态资源)

对移动端单独提供 .gz 文件(如 style.css.gz),并启用 gzip_static on;,Nginx 会自动匹配并返回,无需实时压缩:

location /static/ {
    gzip_static on;  # 优先返回 .gz 文件
    gzip_http_version 1.1;
    # 不需要 gzip on,因为不走实时压缩
}

你只需为移动端资源生成更低压缩比的 .gz 版本(比如用 -1 级 gzip -1 style.css > style.css.gz),桌面端用 -6 级,再通过 CDN 或后端路由分发不同版本。


3. 实际部署注意事项

  • map 必须定义在 http 块最外层,不能嵌套在 server 里;
  • gzip $variable 只能用于开启/关闭,不能控制 gzip_comp_level 或 gzip_types;
  • gzip_vary on 必须开启,否则 CDN 或代理可能缓存错版本(比如把桌面压缩版返回给未声明 Accept-Encoding 的移动端);
  • 避免对图片、字体、PDF 等二进制文件启用 Gzip —— 它们本身已压缩,Gzip 可能增大体积;
  • 测试时用 curl -H "User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X)" -I http://example.com/ 检查响应头是否有 Content-Encoding: gzip。

4. 验证是否按终端生效

打开 Chrome DevTools → Network → 点击任意 HTML/JS/CSS 请求 → 查看 Response Headers:

  • 若含 Content-Encoding: gzip 且 Vary: Accept-Encoding,说明压缩已启用;
  • 对比不同 UA(如模拟 iPhone 和 Windows Chrome)的响应大小和 Header,确认策略差异;
  • 日志中可添加 $gzip_ratio 变量观察压缩率:
    log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" $gzip_ratio';

不复杂但容易忽略细节。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

nginx

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

403

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3627

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

6365

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

581

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1496

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3978

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

497

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

159

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习