预渲染
预渲染是指推测性地预取和渲染用户在不久的将来可能导航到的页面(浏览器在后台渲染页面,实际上是在一个不可见的单独标签页中)。预渲染包括下载文档的子资源和运行相关的JavaScript。
如果用户随后选择导航到该页面,则其内容的显示几乎可以立即完成。
例如,预渲染可能用于获取“下一步”按钮链接的页面资源,或用户悬停的链接弹出窗口,或输入地址栏中的URL的可能页面目标。以下推测规则可以包含在文档的头部,以提示浏览器应预渲染next.html
和next2.html
,因为两者都可能是下次导航的合理目标。
html
<script type="speculationrules">
{
"prerender": [
{
"source": "list",
"urls": ["next.html", "next2.html"]
}
]
}
</script>
预渲染导致比预取更快的显示时间,从而带来更好的用户体验,但代价是消耗更多资源。
另请参阅
- 推测性加载(Speculative loading)
- 相关术语(Related glossary terms)
- 在Chrome中预渲染页面以实现即时页面导航 on developer.chrome.com
- 推测规则API(Speculation Rules API)