预渲染意味着在构建时为页面生成一次 HTML,而不是为每个请求动态生成。
优点是提供静态数据非常便宜且高效,允许您轻松地为大量用户提供服务,而无需担心缓存控制头(这些头很容易出错)。
权衡是构建过程需要更长时间,并且预渲染的内容只能通过构建和部署应用程序的新版本来更新。
要预渲染页面,请将 prerender
设置为 true
src/routes/+page.server
export const prerender = true;
在本教程中,这不会有任何可观察到的效果,因为应用程序正在 dev
模式下运行。
并非所有页面都可以预渲染。基本规则是:要使内容可预渲染,任何两个直接访问它的用户都必须从服务器获得相同的内容,并且页面不得包含表单操作。具有动态路由参数的页面可以预渲染,只要它们在 prerender.entries
配置中指定,或者可以通过从位于 prerender.entries
中的页面中的链接访问即可。
在根
+layout.server.js
中将prerender
设置为true
会有效地将 SvelteKit 变成静态网站生成器 (SSG)。
上一页 下一页
1
2
<h1>Prerendering</h1>