Web 应用程序速度性能

Question

我正在使用 React 并与 Webpack 捆绑来创建我的 Web 应用程序。 我的简单问题是：

我的捆绑文件只有约 4.5mb，但由于图片和其他资产，我的整体 repo 约 20mb。我的问题是应用程序的性能（首次打开页面）是否仅受我的捆绑包大小的影响？还是整个仓库？

另外，什么被认为是太大的回购或捆绑？对于普通企业生产应用？

Answer 1

您的生产应用可能会使用您在build 目录中生成的内容。有时这只是一个bundle.js 文件（图像和样式将在其中），有时您可以将bundle.js 文件的图像和样式拆分为不同的文件，因此您必须包含它。这完全取决于您的设置。

4.5mb 不算多，不过也取决于您的服务器性能。如果它包含所有依赖项是完全正常的。如果您需要比其他页面更快地加载某些页面，您可以将捆绑包拆分为多个文件，这样您的应用程序的某些部分就不需要所有捆绑包文件。这称为代码拆分。你阅读了更多关于它的信息here。

通常您会希望一些简单的登录页面加载得更快，这取决于您的网站主要由手机（网络连接较差）还是笔记本电脑（通常使用 Wifi）使用。