服务器端渲染如何与 SvelteKit 中的客户端路由一起工作？

Question

我刚刚在 SvelteKit 文档中阅读了默认启用 SSR 的信息，如果您不希望它出现，则需要手动禁用它。 这对 SEO 来说非常有用，所以我很高兴 SvelteKit 默认强制执行此操作

我对 SSR 如何与客户端路由交互感到有些困惑。

当启用客户端路由的 SvelteKit 应用程序呈现到浏览器中时，是否将整个编译的 SvelteKit 应用程序传递给浏览器，以便当您导航到客户端？

例如：

你有一个 SvelteKit 应用程序，它有两个页面/home和/about 。 用户前往/home页面。 那么/about页面的编译内容是否也会在启用客户端路由的/home页面的页面加载时传递给客户端？

如果是这种情况，是否应该默认禁用客户端路由？ 这样当用户只能查看一个页面时，整个 SvelteKit 应用程序就不会加载到浏览器中？

谢谢阅读 ！

Answer 1

SSR 为第一个页面加载呈现 HTML，之后客户端为当前页面和用户导航到的任何页面请求必要的代码/样式。 随后在客户端使用JS生成HTML。

它不会预先加载所有内容，它只是按需获取所需的内容。 如果您关闭客户端导航，它实际上会更慢，因为即使只有部分更改并且可能已经加载了所需代码的块，也必须重新生成整个页面。

另请参阅Rich Harris 关于“过渡应用程序”的演示文稿，即服务器端和客户端渲染的组合。