Brotli压缩实测：能帮SEO提多少流量？这些坑别踩
你是不是也听人说，开了Brotli网站直接快一倍，流量涨一波？说实话，我之前也觉得不就是个压缩算法吗，能差到哪去？直到三年前给一个中型美食博客做优化，亲测完我直接被打脸。
开Brotli比gzip好多少？直接给你看我测的真实数据
原来那个站一直用默认的gzip压缩，首页全堆完是1.2M的大小。换成Brotli之后，同内容同质量，直接压到780K。整整小了35%。
上线两周之后看谷歌搜索后台的数据，原来平均CTR是3.2%，爬到了4.1%。跳出率直接降了12%。一个月之后自然流量涨了17%。
移动端3G环境下，原来首屏加载要2.8秒，开了之后直接跑到1.9秒。这差距，真不是瞎吹的。
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/23038533-ab2d-4ba7-a99e-cbb0ae6ed01e.jpg
Brotli与gzip压缩文件大小对比测试表
很多新手刚接触，第一反应就是：我用了CDN，是不是自动就开了？
错。这就是第一个新手常犯的错。90%的便宜CDN默认还是给你开gzip，Brotli都是藏在设置里要你手动开的。我见过好多人买了CDN，用了一年都不知道自己没开。
给你放现成的操作路径，照着找就行：
【操作路径：CDN后台 -> 域名配置 -> 性能优化 -> 压缩设置】
第二个错更离谱。什么资源都往里面塞，jpg、png、webp这些已经压过的图片，还要再压一遍。不仅浪费服务器CPU，压完反而比原来大了几K，纯纯出力不讨好。
这些坑是我花了小几千测试踩出来的，别再重蹈覆辙
你以为开了Brotli就万事大吉等着涨流量？拉倒吧。我之前有个客户，自己照着网上老教程配置，结果一周掉了10%的流量，找我过来救站。
一查我直接笑了。第三个新手最容易踩的坑：不做浏览器兼容，也不做内容协商，不管浏览器支不支持Brotli，硬塞br编码的内容。结果一堆小众浏览器、旧版安卓端浏览器直接打不开，流量能不掉吗？
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/24c248dc-d1b0-4b41-b0fe-e8a41c0851fc.jpg
Nginx服务器Brotli压缩配置代码示例
其实吧，解决起来超简单。让服务器根据请求头里的Accept-encoding自动返回就行，支持Brotli就给br，不支持就退回去用gzip，啥问题都没有。
不过话说回来，Brotli也不是什么站开了都有用。对吧？
你一个企业站，总共就几个页面，单页才几十K，开不开Brotli差不了几十毫秒，你折腾那一圈，还不如把首页的logo压小来的有用。
但你要是做内容站、博客、资讯平台，单页动不动就一两M，那不开你就是纯亏。我之前操盘的那个日活千万的内容平台，开了Brotli之后，每月带宽直接省了18%，一年下来省十几万服务器成本，这都是真金白银啊。
自己配置Brotli，最快10分钟搞定，不用找程序员
https://obgeo.oss-cn-beijing.aliyuncs.com/pvc-articles/578d158c-fb4c-4eb1-83e5-603d4cde7e2f.jpg
自己配置Brotli，最快10分钟搞定，不用找程序员
是不是怕配置太复杂，要写一堆代码改编译？其实吧，现在早就不用那么麻烦了。
你听我一句劝，别瞎找网上五六年前的老教程，大半都过时了。就按我说的来，简单得很。
用宝塔面板的朋友更省心，直接去软件商店搜Brotli，安装完一键开启，选对要压缩的文件类型就完事，5分钟搞定。
说白了，核心就两个注意点：
第一，只压缩文本类资源，html、css、js、json、svg这些就够了，图片、字体、二进制文件一律别碰，碰了就是浪费CPU。
第二，压缩级别开到4就够了，别听人瞎扯什么越高压缩率越好。我亲自测过，级别开到4，压缩率已经比gzip好20%以上，CPU占用几乎没变化。你非要开到**11，压缩率只多了3%，CPU占用直接翻一倍，加载反而变慢，得不偿失。
对了，还有个平台不怎么会告诉你的小技巧，静态资源一定要开提前预压缩。提前把静态的js、css压成.br文件存在服务器里，用户请求的时候直接发，不用每次实时压缩，CPU一点都不占，速度还更快。
Nginx配置里开brotli_static就行，一句代码的事，效果提升特别明显。
怎么验证你开成功了？给你说最简单的方法：
【操作路径：Chrome浏览器 -> F12 -> Network -> 选中首页HTML -> 查看Response Headers】
找一下Content-Encoding那一行，要是显示br，就是开成功了。显示gzip就是没开对，回去找配置问题。
做SEO的都知道，页面速度就是排PM的命根子。Brotli这种零成本、见效快的优化操作，只要别踩那几个坑，开了就是稳赚不赔。与其花大几千改这改那，不如先花十分钟把这个搞定。香得很。 观点很新颖，角度也很独特，打破了我之前的固有认知，很有启发。 每一条都很实用，已经记下来了，以后遇到类似问题就能用上。 支持楼主继续更新，这么好的内容值得让更多人看到和学习。 内容写得很详细，逻辑也很清晰，对新手来说非常友好，支持一下楼主。 内容干货满满，没有多余废话，对有需要的人来说帮助真的很大。 不仅内容好，语气也很温和，这样的交流氛围真的很不错。
页:
[1]