字体优化:用系统字体替换网页字体,加速加载
用系统字体替换远程网页字体,减少页面下载量、加快渲染速度,提供三档覆盖级别。
更新于
字体优化会拦截网页字体的下载请求,并用你设备上已有的系统字体代替。自定义字体通常是体积较大的文件,拦截它们即可省去这部分下载开销。对于更看重页面速度而非字体排版的用户,这是直接减少页面下载量的方法。
工作原理
网页通过 CSS @font-face 声明请求字体文件,这会向字体 CDN(Google Fonts、Adobe Fonts 等)或网站自身的服务器发起网络请求。SuperchargePerformance 使用 Chrome 的 declarativeNetRequest API,借助两个静态规则集(font_low_ruleset、font_med_ruleset)在字体文件下载之前拦截这些请求。
当字体请求被拦截时,浏览器会回退到 CSS font-family 字体栈中指定的下一个字体。如果没有定义回退字体,浏览器会使用操作系统的默认系统字体。在“高”档位下,所有页面统一使用同一种优化过的系统字体,消除不同网站之间的任何差异。
设置
| 级别 | 效果 | 可用性 |
|---|---|---|
| 关闭 | 不拦截字体,所有网页字体正常加载 | 免费 |
| 低 | 完全拦截 Google Fonts,图标字体无法显示(出现空白方块或零散文字) | 免费 |
| 中 | 所有自定义网页字体均替换为系统字体 | 免费 |
| 高 | 所有页面统一使用同一种优化过的系统字体 | PRO |
默认设置为关闭。如果你更看重页面加载速度而非精确的排版效果,可以启用此功能。
适用场景
- 网速较慢时,大型字体文件会明显增加延迟,你希望加快页面加载
- 你以阅读为主,更在意文字清晰度,而不是网站的自定义品牌字体
- 你希望减少浏览器向字体 CDN 发起的第三方网络请求数量
- 你正在使用手机热点或按流量计费的网络,希望节省流量
将字体优化与渲染优化搭配使用,在节省字体流量的同时延迟加载屏幕外的资源。
隐私
字体优化完全通过 Chrome 网络层中的本地规则匹配实现。不会向任何地方发送字体请求 URL、页面内容或浏览数据。所有判断都在你的设备上完成。
常见问题
开启字体优化后,网页显示会变样吗?
会。在“低”档位下,Google Fonts 会被完全拦截(fonts.googleapis.com 和 fonts.gstatic.com),大部分文字会回退为系统字体,图标字体也将无法显示,因此原本显示图标的位置可能会出现空白方块或零散文字。在“中”和“高”档位下,自定义字体同样会被替换为系统字体,这会改变页面外观,但不影响可读性。
“高”档位使用哪种系统字体?
“高”档位会在所有页面统一替换为同一种优化过的系统字体,通常是操作系统默认的无衬线字体。该字体已预先加载,无需下载。
会影响网站功能吗?
不会,图标字体除外。在“低”档位下,按钮、菜单或表单中的图标可能会显示为空白方块或零散字符。
为什么默认是关闭的?
字体优化会明显改变页面外观,因此默认关闭,以免出现意料之外的视觉变化。请根据你对速度与视觉还原度的偏好,自行决定是否启用。
这是 PRO 功能吗?
“低”和“中”档位免费。“高”档位(统一使用一种优化过的系统字体)需要 PRO,PRO 为一次性购买,而非订阅。