Web应用速度性能

Question

我正在使用与Webpack创建我的网络应用程序。我的简单问题是：

我的捆绑文件只有大约4.5MB，但由于图片和其他资产，我的总体回购量是20 My。我的问题是，应用程序的性能(首次打开页面)是否只受我的包大小的影响？还是整个回购？

还有，什么东西被认为是太大的回购或捆绑？对于一般的企业生产应用？

Answer 1

您的生产应用程序可能使用的是在build目录中生成的内容。有时，这只是一个bundle.js文件(图像和样式将在其中)，其他时候，您可以将bundle.js文件的图像和样式拆分到不同的文件中，因此您必须包括它。一切都取决于你的设置。

4.5mb并不太多，尽管它也将取决于您的服务器性能。如果它包含所有的依赖项，那么它是完全正常的。如果您需要以比其他页面更快的速度加载一些页面，您可以在多个文件中拆分包，这样应用程序的某些部分就不需要所有的包文件了。这叫做代码分裂。你读到了更多关于它的这里。

通常，你会希望一些简单的登陆页面加载更快，这将取决于你的网站是主要使用移动电话(更坏的网络连接)或笔记本电脑(通常使用Wifi)。