Flutter 性能优化之Native 系列(二): Flutter 与 Go 图片压缩性能测试

前言

上一篇文章 介绍 Flutter 与 Go 互相调用的基础,并提出用 Flutter 实现跨平台的UI和交互,用 Go 替代 C\C++ 来访问底层设备或做 CPU 密集计算。

针对这一想法,对 Go 做底层计算做性能测试,以展示 Go 语言优秀的生态和底层计算能力。

目标

图片压缩是客户端开发中经常需要用的功能,并且也是非常消耗资源的操作。由于通常压缩图片只是一两张,所以对资源消耗关注的不多。但如果在业务中,有同时大量的图片做压缩操作时,那不得不面对性能优化的问题。

图片压缩在 Flutter 端有很多dart的实现,或者借助 flutter channel 与原生系统通信,并借用原生系统的实现。

本文展示的是 Go 实现的图片压缩与 dart 原生实现图片压缩消耗时间的对比。

图像压缩实现

Go 实现图片压缩

基于 Go 优秀的生态,图片压缩功能有很多第三方库实现,这里用的是 resize 。

代码比较简单,就是调用第三方的库,传入输入输出路径即可。

golang 复制代码
//export CompressImage  
func CompressImage(inputPath string, outputPath string, width, height uint) *C.char {  
    out := toCString(outputPath)  
    inputFile, _ := os.Open(inputPath)  
    defer inputFile.Close()  
    img, _, _ := image.Decode(inputFile)  
    resizedImg := resize.Resize(width, height, img, resize.Bicubic)  
    outputFile, _ := os.Create(outputPath)  
    defer outputFile.Close()  
    jpeg.Encode(outputFile, resizedImg, nil)  
    return out  
}

按照上一篇文章的步骤,执行编译命令

shell 复制代码
go build -buildmode=c-shared -o libcompress_image.so

并复制 .so 文件和 .h 文件到指定目录,配置ffigen并生成dart对应的的 ffi 代码。

Flutter 原生实现

Flutter 端借用的是 flutter_luban 插件,它的使用方法更简单

dart 复制代码
Future<void> initPathByLuban() async {
  String path = (await getApplicationDocumentsDirectory()).path;
  var srcPath = "$path/1.jpeg";
  var destPath = await Luban.compressImage(CompressObject(imageFile: File(srcPath), path: path));
}

引入插件后,只需要调用 Luban.compressImage 即可。

测试

针对两种不同的实现,执行命令

shell 复制代码
 flutter run --release

基于 Golang 实现的动态库,实现图片压缩时

基于 flutter_luban 插件,实现图片压缩时

可见,同样14M左右的图片,压缩到150K左右时,基于 FFI 通道实现对比原生语言实现,耗时由4700毫秒减少至1300毫秒,至少减少耗时3秒左右。

虽然本文只测试了一个图片,并且只测试了一个平台的,测试的结果不够严谨。但几倍的耗时差距也可以看出,借用 Go 语言实现密集计算,是个很不错的选择。

并且由于 Go 支持多平台的交叉编译,我们用go实现的库,可以方便的扩展的 macOS、windows的平台,这也是 flutter channel 所不能比拟的。

相关推荐
原则猫2 小时前
UDP 到底怎么实现可靠的
前端
Java后端的Ai之路2 小时前
14、ReactJS - 路由(Router)
前端·react.js·状态模式
裕晟资质规划3 小时前
三类涉密资质延续时限差异分析:军工60日与集成印制3个月的边界
java·服务器·前端·网络·安全
ShineWinsu3 小时前
对于JavaScript:JavaScript基础语法的解析
开发语言·前端·javascript·面试·web·基础语法·循环
月夏4 小时前
Vue3 转 React:18 项对照表 + 5 个必踩的坑(附 7 天上手路线)
前端
广州华水科技4 小时前
单北斗GNSS位移监测系统的应用与维护解析
前端
梦曦i4 小时前
uni-storage 0.1.0 发布:TTL过期管理+多实例隔离
前端·storage·uni-app x
猫头_5 小时前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
console.log('npc')6 小时前
第 1 章 项目概述与环境搭建
前端·人工智能·大模型
定栓6 小时前
Webpack迁到Vite第七节(二):全家桶移除 — Babel 全家桶深度分析
前端·webpack·node.js