背景
多年以前,当我们讨论什么是构建移动应用程序最流行的解决方案时,总会将原生开发和跨平台开发进行对比,也总会有人提出“跨平台应用程序速度慢”的刻板问题。对于跨平台技术及其应用开发,我们不能单一的从性能进行考虑,还应该从开发效率、公司业务场景等多方面进行评估。
总的来说,跨平台开发在开发效率上是有了很大的提升,应该的性能在经过优化之后也是可以接受的。目前,主流的跨平台技术主要可以分为三类:一种是使用原生内置的浏览器加载HTML5的Hybrid技术,采用此方案的主要有Cordova、Ionic和微信小程序;另一种是使用JavaScript开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和快应用;最后一种是使用自带的渲染引擎和自带的原生组件实现跨平台,采用这种方案的主要是Flutter。
性能对比
对比指标
目前,对于应用性能的对比有很多种,但以下几条数据是必不可少的,包括:
- 接口(API):与手机应用程序接口交互(访问照片、文件系统、获取GPS位置等)。
- 业务逻辑:数学计算和内存操作的速度,该性能对具有复杂业务逻辑的应用程序来说最为重要。
- 页面渲染速度:动画平滑度、用户界面改变时的每秒帧数或一些实时出现的用户界面效果。
对比数据
下面就横向对比下Flutter、React Native和原生平台在性能上的表现,通过运行同一哥应用程序然后查看在不同指标下的性能,数据来源于网络。
iOS操作系统CPU密集型测试(高斯-勒让德算法)

可以发现,在 CPU密集型计算测试中,Objective-C是iOS开发的最佳编程语言,Swift比Objective-C慢1.7倍, 意料之外的是Flutter比Swift快15%, React Native比Objective-C慢20倍。
iOS操作系统CPU密集型测试(博尔温算法)

在博尔温算法中,Swift比Objective-C慢1.9倍, Flutter比Swift慢5倍,React Native版本比Swift版本慢15倍以上。