如何在移动设备上提高reactjs初始渲染性能？

我有一个用reactjs编写的应用程序，组件渲染时速度非常快，但渲染速度太慢。在电脑上，大约需要2秒钟，但在手机上，大约需要8秒才能渲染页面，这实在太慢了。如何在移动设备上提高reactjs初始渲染性能？

是否有任何通用的方法来改善网站的加载时间？

我用铬时间线来分析性能。我看到很多时间都是由browser.js花费的。我想知道如果转换reactjs jsx到JavaScript将有所帮助。

我也看到在显示dom之前有一段很长的停顿，我不确定在这段时间浏览器做了什么以及如何解决这个问题。

2016-05-16 dspjm

你用的WebPack编译项目在生产模式？ –

将jsx转换为javascript应该在部署前编译文件时完成，而不是在客户端中 – gontrollez

你一定要预编译的代码做出反应生产。此外，将process.env.NODE_ENV设置为production非常重要。这会加快一般渲染和初始渲染速度（对于服务器端渲染来说更是如此）。您可以使用browserify插件envify或相应的webpack插件（取决于您的堆栈）。

此外，我建议本次会议的谈话，其中包括许多其他小/大的渲染速度起坐：https://www.youtube.com/watch?v=PnpfGy7q96U

2016-05-16 10:00:19 Scarysize

从您共享的视频中，我认为只使用reactjs的缩小版本就足够了，我们甚至不需要设置NODE_ENV。你真的帮助了，兄弟。 – dspjm

回答