SvelteKit中SSR与客户端路由的交互及资源加载疑问

核心结论：首次加载不会传递完整应用代码 #

启用客户端路由的SvelteKit应用，首次加载时只会发送当前访问页面的编译代码、通用的应用基础代码，以及一份路由清单（仅记录路由路径，不包含其他页面的组件逻辑）。

以你提到的/home和/about页面为例：

• 用户访问/home时，浏览器只会拿到/home页面的组件代码、SvelteKit的核心运行时代码，以及知道有/about这个路由存在的清单信息，但不会加载/about页面的编译内容。
• 当用户通过客户端导航点击跳转到/about时，SvelteKit才会异步请求/about对应的组件代码包，加载完成后通过JavaScript完成页面内容的无刷新切换。

为什么客户端路由是默认设置？ #

SvelteKit默认启用客户端路由，是因为它在性能和体验之间做了最优平衡：

• 代码分割机制已经避免了“首次加载整个应用”的问题，首屏加载体积可控，同时后续路由按需加载，不会浪费带宽。
• 客户端路由带来的无刷新导航，能大幅提升用户体验——跳转时无需等待整页刷新，页面过渡更流畅，这是现代Web应用的普遍需求。
• 若默认禁用客户端路由，每次导航都要重新请求完整的SSR页面，后续跳转的加载速度和流畅度会显著下降，不符合大多数应用的使用场景。

当然，如果你的应用是内容极少、几乎不需要页面跳转的单页场景，完全可以手动禁用客户端路由，但这属于小众需求，因此默认启用是更合理的选择。

内容的提问来源于stack exchange，提问作者Matthew Honour