Google Chrome浏览器在后台预加载您访问之前的网站或网页内容并不新鲜，这称为预渲染。Google 正在开发一种新的 Prerender，即Chrome中的 Prerender2，几乎可以立即加载网站。Omnibox Prerendering是该功能的一部分，该公司现在准备发布它。
多功能框预呈现
在您在多功能框中输入 URL 之前，Chrome 具有在后台加载内容的内置功能。这称为多功能框预渲染。
Chrome从版本 17 开始提供该功能，但 Google 已弃用旧的 Prerender。
从 Chrome 63 开始，浏览器使用NoState Prefetch提前获取资源，但不执行代码或呈现页面。它的目的是使用比预渲染更少的内存，并且仍然减少页面加载时间。
简而言之，预渲染
- 改善用户体验，开发人员还可以在其内容中添加预加载链接，以便 Chrome 快速识别和加载该内容
- 减少按 Enter 和看到完全加载页面之间的时间间隔。有时，页面会立即加载。
Chrome 利用新功能加载地址栏自动完成建议的内容，用户有很高的访问机会。谷歌已经确认它想要发布 Omnibox Prerendering 。
“我们希望发布 Omnibox（即 URL 栏）预渲染。借助此功能，Chrome 将开始预呈现高度可信的 Omnibox 自动完成建议。”
“Chrome 目前正在使用 NO-state Prefetch 为高可信度建议预取资源，但使用此功能将进一步处理网页，包括 DOM 树构建和脚本执行”。
在 Chrome 浏览器中启用 Prerender2 和 Omnibox Prerendering
- 访问 chrome://flags
- 找到Prerender2 的 Omnibox 触发器，在它的下拉列表中，选择Enabled
- 重新启动浏览器。
您可能还想启用 Prerender2，Google 自 2021 年 8 月起作为原始试用版运行。
第一个“启用新的多功能框触发器预渲染器实现”，第二个启用“指定预渲染候选者的 <Script type=speculationrules> 的新预渲染器实现”。
上述标志在 Chrome 的稳定版本中也可用。
演示
启用标志并重新启动浏览器后，您可以通过访问此页面来测试该功能。
https://omnibox-prerender.glitch.me/
Prerender2 演示页面：https ://prerender2-specrules.glitch.me/
上面的链接提供了使用 <link rel=Prerender> 和推测规则 API 预渲染 3 个不同页面的选项。您可以选择每个选项并检查是否发生预渲染。
原创文章，作者：校长，如若转载，请注明出处：https://www.yundongfang.com/Yun130222.html
微信扫一扫不于多少！ 
支付宝扫一扫礼轻情意重 