react-router 会影响页面加载时间吗？答案

【问题标题】：Will react-router affect page load time?react-router 会影响页面加载时间吗？
【发布时间】：2018-01-31 04:37:38
【问题描述】：

例如，如果我在 routes.js 文件中有 3 条路由，而同一文件中有 10 条路由。包含 10 条路线的文件会需要更长的时间来加载吗？假设每条路由都导入相同大小的组件。还是进入路由后组件才会被导入？

【问题讨论】：

这个问题太笼统了。您能否详细说明您要解决的问题的具体细节？是的，具有更多字符的文件将需要更长的时间来下载，是的，具有更多逻辑的文件将需要更长的时间来处理。但是对于您正在谈论的数字（另外 7 条路线），差异应该是微不足道且无关紧要的。如果您担心组件的大小并且必须在初始页面加载时将它们全部加载，您应该研究如何使路由器延迟加载组件。

【解决方案1】：

如果您捆绑您的应用程序（例如使用 webpack）并且您没有延迟加载您的组件，那么组件本身不会累加到您的加载时间。 但可能取决于你的表现。

但是当你所有的 - 比方说 - 10 个组件通过 RESTful API 加载资源时，当然你的组件确实会加起来到你的加载时间。不过，这可以通过使用GraphQL + Relay 来防止。

【讨论】：

【解决方案2】：

第一个页面的加载时间可能比平时稍长（在大多数情况下可能甚至不明显），但在那之后，页面将被完全缓存，导致加载时间超快，因为浏览器会记住所有内容。

【讨论】：