Brotli压缩实测：开对之后页面快40%，3个新手坑我替你踩完了
你有没有过那种崩溃的时刻？写了整一周的深度干货，发出去一看谷歌搜索控制台的核心网页指标，红得像被打了一巴掌。
Lighthouse性能分刚过及格线，移动端加载要3秒多，跳出率高到离谱，CTR死活上不去。
很多人第一反应是换服务器、删图片、改代码——其实吧，你可能连最基础的Brotli压缩都没开对。
别听人瞎吹，Brotli到底比Gzip强在哪？
说实话，我第一次测Brotli的压缩数据的时候，以为是测试环境出问题了，反复测了三次才信。
之前给日活1200万的内容平台做全量性能压测，同一份代码、同一份静态资源，分别用Gzip和Brotli压，数据差得离谱。
我们常用来做页面的核心JS文件，原始大小是320KB，Gzip压完是92KB，Brotli压完是68KB。
CSS文件更夸张，原始180KB，Gzip剩42KB，Brotli剩33KB。
最绝的是长文章的HTML，那种满屏都是文字的页面，Brotli能直接把300KB的内容压到27KB。
真的狠。
很多人说Brotli是谷歌亲儿子，这话真不是黑。从2015年推出到现在，主流的浏览器——Chrome、Edge、Firefox，甚至现在的Safari，全支持。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/ab473b27-33fb-439c-806f-1177ccf85af6.jpg
Brotli和Gzip不同文件类型压缩率对比柱状图
别觉得这几KB的差别无所谓。
你算嘛：一个页面总共有1.2MB的静态资源，压完能少个几十KB，在3G甚至弱4G的网络下，加载速度能快将近40%。
这可是实打实的用户感知。
90%的人开Brotli都白折腾，全栽在这3个坑里
我见过太多人，兴冲冲找了个教程，在源站的Nginx配置里加了两行Brotli的代码，就以为万事大吉了。
测出来一看，加载速度半毛钱没快。
为啥？
第一个坑：只开源站的Brotli，忘了CDN的开关。
你想啊，用户访问你的站点，第一站是CDN节点，不是你的源站。如果CDN节点不支持Brotli，它拿到你源站压好的内容，转头就给解成原始文件，再传给用户。
白忙活。
我去年给一个做家居测评的客户做诊断，他之前花了两万多找技术团队做优化，查了半小时发现，他的源站Brotli开得好好的，结果CDN节点的Brotli开关藏在三级菜单里，压根没动过。
【操作路径：CDN控制台 -> 域名管理 -> 选中对应域名 -> 性能优化板块 -> 压缩设置 -> 开启Brotli自动压缩】
对了，开的时候记得把MIME类型选全，别只勾HTML和JS，CSS、SVG、JSON这些纯文本的类型，全加上。
第二个坑：把所有文件都勾上Brotli压缩。
你想想啊，webp、mp4、png这些本身已经是压缩格式的媒体文件，千万别勾进Brotli的压缩范围。你再用Brotli去压，不仅压不出多少空间，反而会额外消耗CDN节点和源站的CPU资源。
之前有个客户为了凑Lighthouse的满分，把后台所有文件类型全勾上了Brotli，结果源站CPU占用从平时的20%直接飙到90%，首屏加载反而比之前慢了800ms。
纯纯捡芝麻丢西瓜。
第三个坑：只开Brotli，不做自动降级。
别不信，现在还有用户在用IE11，甚至更老的浏览器。这些浏览器根本不认Brotli的编码格式，你要是硬给用户传Brotli压好的内容，他打开页面看到的就是一堆乱码。
我之前有个站点就栽过这个坑。
当时为了追求**的压缩率，把Gzip的开关给关了，全量切Brotli，一周之内收到30多封用户投诉，说打开页面全是看不懂的字符，排查了俩小时才反应过来——是那批用老版本浏览器的用户，根本不支持Brotli。
正确的做法是什么？
让服务器和CDN自带的自动降级逻辑发挥作用：支持Brotli就传Brotli的文件，不支持就自动降级传Gzip的。根本不需要你手动写一堆判断逻辑。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/e371c1ed-ed3a-4954-ad42-c690c855b352.jpg
CDN控制台Brotli压缩设置界面标注截图
开对Brotli之后，流量端的反馈比你想的猛
很多人觉得，Brotli就是个技术优化，和SEO半毛钱关系没有。
错得离谱。
你自己算笔账：核心网页指标现在是谷歌明确列出来的PM因子。Lighthouse的性能分上去了，移动端的加载时间降下来了，用户的跳出率、停留时长自然就好看了。
我去年测的3个同体量的内容站点，全都是把Brotli按正确的方法开了一遍，没有改任何文章内容，没有加任何外链，一周之后的数据是啥样的？
平均Lighthouse性能分从62涨到91。
移动端跳出率平均降了12.3%。
用户平均停留时长涨了18%。
最爽的是，谷歌搜索控制台里那堆红得晃眼的“慢页面”警告，一周内消了70%。
真的。
之前那个做家居测评的客户，开对Brotli之后，没做任何其他调整，3个月之后，核心关键词的平均PM从第12位涨到第4位，自然流量涨了67%。
我当时都惊了。
还有个很多服务商不会告诉你的秘密：现在主流的CDN，不管是免费版还是付费版，全自带Brotli压缩功能，根本不需要额外加钱。
我见过不少黑心服务商，打着“Brotli专属优化”的旗号，每年收客户几千块的服务费，纯纯割韭菜。
你自己打开CDN后台，找个5分钟，就能把开关打开。
别再抱着Gzip凑活了。
下周再看你的核心网页指标数据。
**有惊喜。 逻辑严谨，条理分明，一看就是经过认真思考和整理的内容。
页:
[1]