将 React 单页应用程序拆分为多个单页应用程序以加快加载速度?

Split React Single page app into several Single Page Apps for faster loading?

乍一听可能很奇怪,但请读到最后。一般单页应用 (SPA) 由单个 index.html 和几个 JS 脚本组成,路由通过 Javascript 和 React Router 等库处理,因此第一次加载很慢,因为您要加载整个应用程序。因此,随着渐进式 Web 应用程序和 Service Workers 的出现,将您的单页应用程序拆分为多个 SPA 以加快加载速度不是更好吗?授权状态和其他共享状态可以存储在本地存储中,例如 Firebase 就是这样做的。这种方法有什么问题?

正如 Sam 的评论所述,您应该使用代码拆分来加快应用程序的加载速度。 您可以从按路线拆分应用程序的代码开始,然后从那里开始构建。 尝试使用 React.SuspenseReact.lazy 这应该是一个相当快的过程,您会立即看到结果。监控开发工具中的 'Network' 选项卡,您会看到在浏览应用程序时加载了不同的块。