react加载优化问题

Question

老师，我想问下react项目的加载过程是怎么样的？项目加载如何做优化？

我写了一个小项目，首页有fetch网络加载，本地访问感觉有点慢。放到服务器上之后变超级慢了。跟网络应该没有太大关系（阿里云的服务器，之前放Angular项目访问速度还可以）。然后我试着settimeout，却发现项目加载中会把settimeout里的执行了再加载到html（所以变得更慢了）。想问下应该怎么做加载优化？谢谢

Answer 1

Parry 2017-08-17 10:27:09

同学你好，react 的加载就是静态页面加载 js 的逻辑，实际的优化可以使用 chrome 进行详细的性能调试，可以看主要是哪部分加载较慢，你看看 fetch 数据的部分占用时间到底是多少还是 js 文件加载问题。

而关于 webpack 的优化，可以参考我博客中的 webpack 免费视频教程全集。

关于你的一个课程评论，慕课还是 pending 状态，如果可以的话可以删除或者重新评价下哦~~~

• 提问者 ABrandon #1

  我找到原因了，并不是react的问题，是我打包后的js文件太大了，6m，下载半分钟，大部分时间都在下载js上面了。经过uglifyjs压缩还有1.2m，请问老师如何分割文件异步加载（很多组件在路由中执行，可以分离出去吗？）

• 提问者 ABrandon #2

  另外，我找不到评价删除按钮。。。

• Parry 回复 提问者 ABrandon #3

  我在 webpack 中有详细讲解的，不过你的怎么会有 6m 大小了？加载了很多的组件？

点开查看后面5条评论