SvelteKit：为何选择load函数取数据而非onMount或{#await}？

你提到的场景只是load函数的一部分适用情况，它的实际适用范围更广，具体可以分为以下几类：

• 核心数据驱动的页面：如果路由的核心内容必须依赖服务端数据才能展示（比如商品详情页的商品信息、用户主页的基础资料），用load函数能让页面在渲染时直接带上完整数据，避免先显示空骨架再填充内容的割裂感，用户打开页面就能看到有效信息。
• 适配无JS/弱网环境：
  • 当客户端禁用JavaScript时，onMount这类客户端钩子完全失效，load函数在服务端或页面初始加载阶段执行，能保证页面仍能展示完整内容，不会变成空白。
  • 弱网环境下，客户端异步请求容易超时或加载缓慢，load函数在服务端完成数据获取后直接返回渲染好的页面，用户能更快看到完整内容，减少等待焦虑。
• SEO优化刚需场景：搜索引擎爬虫通常不会等待客户端JS执行完再抓取内容，load函数在服务端预渲染时就把数据注入页面，能让爬虫获取到完整的页面内容，直接提升页面在搜索结果中的排名表现。
• 数据复用与减少重复请求：load函数获取的数据可以通过data属性共享给当前路由下的所有子组件，不用每个子组件单独发起相同请求，既能减轻服务器压力，也能避免客户端重复请求带来的资源浪费。比如dashboard下多个子组件都需要用户权限数据，一次load请求就能搞定。
• 路由级权限校验：可以在load函数里提前做权限校验，比如判断用户是否登录、有没有访问当前页面的权限，如果不满足直接重定向到登录页或无权限页面，避免先渲染页面再跳转的尴尬，也能防止用户通过客户端JS绕过权限限制。
• 路由跳转预加载优化：配合SvelteKit的预加载机制（比如data-sveltekit-preload-data），load函数可以在用户即将跳转路由时提前执行，提前获取好目标页面的数据，让路由切换几乎无等待，大幅提升页面跳转的流畅度。

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