如何分隔一个页面的应用程序

Question

我有一个用React编写的单页应用程序，我开始觉得JS的加载速度有点慢。我正在考虑将一些工作放入我的服务器，并且在没有必要时也不要发送JS代码。但是，正如Webpack捆绑的那样，javascript文件是一个整体。将单页应用程序分成专用于子功能的部分的好方法是什么？或者总体而言，提高单页应用程序性能的好方法是什么？

Answer 1

1. Code minification是减少束大小的常用技术。

2. Tree-shaking还可以通过删除未使用的代码段来大大减少捆绑包的大小。

3. Codesplitting（就像@FelixKling建议的那样）是一种将捆绑包分解成更小的块并根据需要将其拉入的方法，这也可以提高性能，并且不受支持框由webpack 2。

4. 一个vendor bundle（基本上是一个代码分离的想法）也是一种提高性能的简单方法，因为可以并行下载这些麻烦的包。

5. Server-side rendering可以使初始加载更快一些。