如何分離一個頁面應用程序

Question

我有一個用React編寫的單頁應用程序，我開始覺得JS的加載速度有點慢。我正在考慮將一些工作放到我的服務器中，並且在沒有必要時也不要發送JS代碼。但是，由於Webpack捆綁在一起，JavaScript文件是一個整體。將單頁應用分成專用於子功能的部分的好方法是什麼？或者整體而言，改進單頁應用程序性能的好方法是什麼？

Answer 1

1. Code minification是減少包尺寸的常用技術。

2. Tree-shaking也可以通過刪除未使用的代碼塊大大減少包的大小。

3. Codesplitting（如@FelixKling建議的）是打破包成較小的塊，和他們拉在根據需要，其也可以提高性能的一種方式，並且通過的WebPack 2支撐外的所述盒。

4. A vendor bundle（它基本上是代碼分割的相同想法）也是一種簡單的方法來提高性能，因爲可以並行下載打擾包。

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