FinClip 前端开发工程师测评:不同编译框架的小程序性能对比

2024-07-08
来源:网络整理

开发者在使用常见的第三方小程序框架(如taro、、)时会发现各个框架厂商都宣称可以通过自己的框架编写出不同平台最好、最流畅的小程序,开发者受限于精力和时间,无法足够细心地识别和区分。

正好看到一篇前端开发工程师的测评,使用不同的编译框架编写了不同平台的小程序DEMO,并对比了在iOS和设备上的实际体验,从“小程序稳定性、框架支持、列表渲染性能、操作系统支持、组件支持、跨平台性能”等方面进行了全方位的对比,希望可以帮助大家找到最适合自己的小程序平台和框架。

1. 测试设备及环境

本次测试我们在日常测试环境中使用了三种设备型号,分别是:

本次使用的主机App及版本如下:

本次测试采用的DEMO如下:

2. 测试流程

为了保证测试结果的公平性和一致性,我们采用了以下评估方法:

3. DEMO及列表渲染测试Taro

我们下载了官方的示例DEMO文件,并在各个IDE中进行编译和预览。

首先在IDE中进行编译并展示,从上图我们可以看到各个小程序平台都能正常渲染和体验DEMO,但在实际测试过程中我们发现支付宝在进入“查看”页面时会提示错误,使用真实设备打开“查看”页面也会报错(如下图)。

在使用真实设备预览进入“高级”页面时,还会遇到底部日历被遮挡的问题。

另外,为了测试Taro对于列表的渲染能力,我们还使用了taro-(该项目基于Taro构建了一个时尚衣橱的项目演示,涉及到一个电商平台完整的业务逻辑和功能点),在“先渲染,更新列表”的条件下用真机进行了多次测试,结果如下。

平台首发渲染图取3次平均值 更新榜单取5次平均值 三星更新榜单取3次平均值 三星更新榜单取5次平均值 荣耀更新榜单取3次平均值 荣耀更新榜单取5次平均值

值得一提的是,在使用三部手机真机测试时,今日头条小程序均无法正常运行,使用三星手机打开百度智能小程序时,也无法正常渲染。

我们下载了提供的示例DEMO文件,并在IDE中进行编译和预览。

同样,我们使用真机在“先渲染,更新列表”的条件下进行了多次测试,结果如下。

由于只支持微信小程序语法,所以只在微信开发者工具和FIDE中测试过,支付宝官方提供了,但是尝试之后发现依然无法编译。

我们提取了官方的示例DEMO文件,并进行了跨平台编译,根据不同平台的要求输出相应的小程序,并在各个IDE中进行编译预览。

在IDE中编译展示时,除支付宝小程序IDE提示编译失败外,其余小程序IDE均已完成相应的编译和预览操作。此外,我们还利用DEMO对列表渲染进行了多次测试。测试方式依然是使用真机在“先渲染,更新列表”的条件下进行多次测试,结果如下。

4.支持组件测试

另外我们还对比了对应平台的开发者文档中支持的线路,结果如下:

注意黄色部分是小程序平台原生支持的组件。

开发小程序使用什么框架好_框架发小程序开好使用吗安全吗_小程序框架是什么意思

五、综合比较

根据前期测试对比的结论,我们针对“稳定性、小程序框架支持、列表渲染性能、操作系统支持、组件支持、跨平台”进行了综合考量和对比。

稳定

从三款机型的测试体验来看,今日头条小程序、百度智能小程序在安卓机型上的运行效果存在不稳定的情况,尤其今日头条小程序Taro框架的列表展示DEMO在三款机器上均无法正常打开。百度小程序在低端安卓机型上也无法正常打开。

根据测试结果,稳定性排序如下:

微信小程序==支付宝小程序>百度智能小程序>今日头条小程序

小程序框架支持

可以看到各个平台都已经支持Taro和框架下的小程序,但部分功能还存在bug,简单的DEMO在头条小程序中可以运行,但复杂的DEMO在端几乎被彻底消灭。

框架中只支持微信小程序,且能正常运行,使用工具转换后,在支付宝小程序中依然无法正常运行。

根据测试结果,框架支持程度排序如下:

微信小程序= > 支付宝小程序= 百度智能小程序 > 今日头条小程序

列表渲染性能

从测试数据来看,微信小程序、支付宝小程序在列表渲染性能上比较接近,但令人意外的是,百度智能小程序在这几款DEMO的测试中渲染时间最短。今日头条小程序由于性能不稳定,暂时没有纳入排名。

根据测试结果,渲染性能排名如下:

百度智能小程序 > 微信小程序 = = 支付宝小程序

操作系统支持

从整体的测试结果来看,目前iOS操作系统中所有小程序的体验均优于操作系统,后续我们会引入鸿蒙系统进行测试对比。

组件支持

考虑到微信小程序目前在市场上的领先地位,我们将微信小程序组件的基准支持情况作为评测标准之一。

根据测试结果,组件支持程度排序如下:

微信小程序> > 百度智能小程序> 今日头条小程序> 支付宝小程序

如果按照各平台的组件数量排序的话,排名如下:

支付宝小程序 > 微信小程序 > 百度智能小程序 > > 今日头条小程序

跨平台

参与对比的五家小程序平台中,只有APP支持自家语言,同时兼容微信小程序语言。相较于支付宝小程序和今日头条小程序,APP兼容性更强,可以和微信小程序共用一套代码,无需使用代码转换工具,也能避免在两个平台上架时因代码转换而产生的其他问题和bug。

分享