吴卓作者
马红伟从年初美团就开始了基于ReactNative建设高性能动态化容器,让业务层面享受动态化便利的同时,获得媲美Native开发的页面性能,助力业务实现页面秒开、甚至页面直出的加载体验。多年发展下,团队也总结出了一套ReactNative的性能优化实践经验。
在移动开发领域,ReactNative无疑是一个非常热门的开发框架,其相比Native开发最大的差距体现在性能上,尤其在打开页面时会明显感到加载速度变慢。搭载ReactNative框架就不得不面对性能调优的问题,这也是令大多数开发者头疼的地方。
ReactNative页面加载性能优化的最佳路径有哪些?有哪些“坑点”需要注意?跨平台开发流行的当下,技术框架选型上有哪些注意事项?带着这些问题,InfoQ采访到美团移动端技术专家吴卓,他将分享团队在ReactNative性能优化实践层面的一些经验,以及对于技术框架选型的一些建议。此外,在5月29-31日QCon全球软件开发大会(北京站)会议上,他也将分享相关的实践案例,为使用ReactNative的开发人员,提供相关的经验做参考。
以下为正文:
InfoQ:请简述下美团ReactNative页面加载性能优化的实践路径。吴卓:相比原生开发性能,ReactNative最直观的差距体现在页面加载速度上,这也是我们一直在研究的重点。性能优化一般包括以下3个阶段:
建立衡量指标
提供优化手段
运营推动治理
在加载性能指标方面,我们重点