渲染优化 — 网页加载更快(2026)
网速很快,页面却还是感觉很慢?Supercharge Performance 会延迟加载屏幕外的图片和 iframe,优先加载你看到的内容。
更新于
渲染优化会延迟加载屏幕上尚不可见的内容,包括首屏以下的图片、嵌入的 iframe 以及屏幕外的资源,让 Chrome 把带宽和 CPU 集中用于你最先看到的内容。结果是可交互时间更短:即使整个页面的总加载时间不变,页面的可见部分也能更早就绪。
工作原理
页面加载时,渲染优化会推迟首屏以下图片和 iframe 的请求。Chrome 会把带宽和 CPU 集中用于你实际能看到的内容。
这种延迟是动态的:当你滚动页面、屏幕外的资源进入(或接近)视口时,请求会被放行,资源正常加载。从用户角度看,页面看起来加载得更快,因为你最先交互的内容更早就绪。
设置
| 级别 | 延迟加载的内容 | 可用性 |
|---|---|---|
| 低 | 首屏以下的图片 | 免费 |
| 中 | 首屏以下的图片和 iframe | 免费 |
| 高 | 所有屏幕外资源,包括部分脚本 | PRO |
默认级别为 Med。该设置可明显提升内容丰富页面的感知加载速度,且没有 High 级别的兼容性风险。
适用场景
- 你经常访问包含大量图片的长篇内容页面(新闻文章、博客文章),这些图片在你滚动到之前就已开始加载
- 即使网速很快,页面仍然迟迟无法交互
- 你希望在按流量计费或限速的网络下加载页面时减少初始带宽占用
- 你使用 High 级别进行最激进的延迟加载,包括部分屏幕外脚本
将渲染优化与字体优化搭配使用,可同时减少下载体积和加载顺序开销。使用预加载预先获取你可能访问的下一个页面,而本功能则确保当前页面的资源高效加载。
隐私
渲染优化完全在你的浏览器内通过本地逻辑处理。不会向任何地方传输页面内容、资源 URL 或滚动位置数据。一切都在你的设备上运行。
常见问题
这和浏览器原生的懒加载一样吗?
它是对原生懒加载的补充。原生懒加载需要网站开发者添加 `loading='lazy'` 属性。渲染优化会自动对未使用原生懒加载的页面应用延迟加载,或将覆盖范围扩展到更多资源类型。
首屏以下的图片最终还会加载吗?
会。资源只是被延迟,而不是被拦截。当你向下滚动、屏幕外的内容接近视口时,它会正常加载。
这会导致页面布局错乱吗?
偶尔会:如果页面布局需要在图片加载前知道其尺寸,就可能出错。安全模式可以自动恢复在激进设置下出错的页面。
High 级别会影响脚本吗?
High 会延迟所有屏幕外资源,包括部分脚本。延迟仅作用于这些资源类型,并不是单独的脚本拦截器。
这个功能免费吗?
Low 和 Med 免费。High 级别需要 PRO,PRO 为一次性购买,而非订阅。