如何提高 reactjs 在移动设备上的初始渲染性能？
How to improve reactjs initial rendering performance on mobile?
我有一个用 reactjs 编写的应用程序，它在渲染组件时非常快，但渲染起来太慢了。电脑端2秒左右，手机端8秒左右页面渲染完成，实在是太慢了。
是否有任何通用方法可以缩短网站的加载时间？
我使用了chrome时间轴来分析性能。我看到 browser.js 花了很多时间。我想知道将 reactjs jsx 转换为 javascript 是否有帮助。
我还看到在显示dom之前有一个很长的停顿，我不确定浏览器在这段时间做了什么以及如何解决这个问题。
你绝对应该 pre-compile 用于生产的 React 代码。将 process.env.NODE_ENV 设置为 production 也很重要。这将大大加快一般和初始渲染速度（对于 server-side 渲染更是如此）。
您可以为此使用 browserify 插件 envify，或相应的 webpack 插件（取决于您的堆栈）。
我还推荐这个会议演讲，其中包括许多其他 minor/major 渲染 speed-ups：https://www.youtube.com/watch?v=PnpfGy7q96U
我有一个用 reactjs 编写的应用程序，它在渲染组件时非常快，但渲染起来太慢了。电脑端2秒左右，手机端8秒左右页面渲染完成，实在是太慢了。
是否有任何通用方法可以缩短网站的加载时间？
我使用了chrome时间轴来分析性能。我看到 browser.js 花了很多时间。我想知道将 reactjs jsx 转换为 javascript 是否有帮助。
我还看到在显示dom之前有一个很长的停顿，我不确定浏览器在这段时间做了什么以及如何解决这个问题。
你绝对应该 pre-compile 用于生产的 React 代码。将 process.env.NODE_ENV 设置为 production 也很重要。这将大大加快一般和初始渲染速度（对于 server-side 渲染更是如此）。
您可以为此使用 browserify 插件 envify，或相应的 webpack 插件（取决于您的堆栈）。
我还推荐这个会议演讲，其中包括许多其他 minor/major 渲染 speed-ups：https://www.youtube.com/watch?v=PnpfGy7q96U