预渲染
预渲染是指推测性地预取和渲染用户可能在不久的将来导航到的页面的做法(浏览器在后台以一个实际上不可见的独立标签页中渲染页面)。预渲染包括下载文档的子资源并运行相关的 JavaScript。
如果用户随后选择导航到该页面,其内容的显示将近乎即时。
例如,预渲染可能用于获取“下一页”按钮链接的页面资源,或者用户鼠标悬停的弹出链接,或者是用户在地址栏输入的 URL 的可能目标页面。以下推测规则可以包含在文档的 head 中,以提示浏览器预渲染 next.html 和 next2.html,因为它们都可能合理地成为下一个导航的目标。
html
<script type="speculationrules">
{
"prerender": [
{
"source": "list",
"urls": ["next.html", "next2.html"]
}
]
}
</script>
预渲染的显示速度比预取快,因此用户体验更好,但代价是消耗更多资源。
另见
- 推测性加载
- 相关词汇表术语
- Chrome 中的预渲染页面以实现即时页面导航 (developer.chrome.com)
- 推测规则 API