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

Question

我有一个用reactjs编写的应用程序，它在呈现组件时速度非常快，但它渲染的速度太慢了。在计算机上，它需要大约2秒钟，但在移动设备上，页面渲染大约需要8秒钟，它实在太慢了。

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

我使用chrome时间轴来分析性能。我看到browser.js花了很多时间。我想知道将reactjs jsx转换为javascript会有所帮助。

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

Answer 1

您绝对应该预编译您的React代码以进行生产。将process.env.NODE_ENV设置为production也非常重要。这将大大加快一般和初始渲染（对于服务器端渲染更是如此）。 您可以使用browserify插件envify或相应的webpack插件（取决于您的堆栈）。

此外，我推荐此会议演讲，其中包括许多其他次要/主要渲染加速：https://www.youtube.com/watch?v=PnpfGy7q96U