react开发的SPA运行很卡

Question

react开发的SPA应用，用pc的chrome打开流畅，用安卓手机打开数据加载渲染很慢，苹果手机打开卡的死，这会是什么原因？有什么解决办法？

点击按钮界面切换迟钝很久才跳转。
listview和scrollview滑动 安卓设备和pc的chrome滑动很顺畅。苹果机子 滑动卡，整个界面就很卡。这会是什么原因。

Answer 1

有几个可能的原因：1.你的Webpack打包时没有拆包，入口的bundle.js文件太大，造成页面打开慢，尤其是Android的浏览器/Webiview性能普遍要比iOS差。2. 手机上的点击事件不要直接使用click，click在手机上性能差，可以使用react-tappable库监听手指触摸动作。 3. 直接使用overflow:scroll，在手机上滑动是可能出现卡顿问题，建议使用react-iscroll，做了很多性能优化。我们之前是在部分Android手机（如华为）上也遇到过滑动卡顿问题，解决的方式是在css style中全局设置下touch-action: none。

Answer 2

你要学会优化调试你的react项目。推荐一个小文章希望能给你一点帮助。

http://www.jianshu.com/p/9b0e...