Javascript 如何分离一页应用程序

Javascript 如何分离一页应用程序,javascript,performance,reactjs,Javascript,Performance,Reactjs,我有一个用React编写的单页应用程序,我开始觉得JS的加载速度有点慢。我正在考虑将一些工作放入我的服务器,并且在不需要的时候也不发送JS代码。然而,正如Webpack捆绑的那样,javascript文件是一个整体。有什么好方法可以将一个单页应用程序划分为专用于子功能的部分?或者总体而言,提高单页应用程序性能的好方法是什么 是减少束大小的常用技术 通过删除未使用的代码片段,还可以大大减少捆绑包的大小 (如@FelixKling所建议的)是一种将捆绑包分解成更小的块并根据需要将其拉入的方法,它还可

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

  • 是减少束大小的常用技术

  • 通过删除未使用的代码片段,还可以大大减少捆绑包的大小

  • (如@FelixKling所建议的)是一种将捆绑包分解成更小的块并根据需要将其拉入的方法,它还可以提高性能,webpack 2提供了开箱即用的支持

  • A(本质上与代码拆分的想法相同)也是一种提高性能的简单方法,因为这些包可以并行下载

  • 可以使初始加载更快一些


  • 看到一些代码会有所帮助,我一定会尝试这些!谢谢那么Webpack2以哪个版本号开始呢?我猜是2.0.0