HarmonyOS(57) UI性能优化

性能优化是APP开发绕不过的话题,那么在HarmonyOS开发过程中怎么进行性能优化呢?今天就来总结下相关知识点。

UI性能优化

1、避免在组件的生命周期内执行高耗时操作

HarmonyOS自定义组件的生命周期如下图:

如上图所示,自定义组件在build函数执行之前,将先执行aboutToAppear()生命周期回调函数。此时若在该函数中执行耗时操作,将阻塞UI渲染,增加UI主线程负担。因此,应尽量避免在自定义组件的生命周期内执行高耗时操作,在aboutToAppear()生命周期函数内建议只做当前组件的初始化逻辑。

解决思路:对于复杂计算的耗时场景,可以将计算结果进行缓存处理。对于不需要等待结果的高耗时任务,可以采用多线程处理该任务,通过并发的方式避免主线程阻塞。

2、合理使用ResourceManager

在生命周期aboutToAppear中应该避免使用ResourceManagergetXXXSync接口入参中直接使用资源信息,推荐使用资源id作为入参,推荐用法为:resourceManager.getStringSync($r('app.string.test').id)

java 复制代码
aboutToAppear(): void {
    //反例
    getContext().resourceManager.getStringSync($r('app.string.app_name'));
    //推荐用法
     getContext().resourceManager.getStringSync($r('app.string.app_name').id);
  }

3、优先使用@Builder方法代替自定义组件

如下图,在build阶段将在后端FrameNode树创建一个相应的CustomNode节点,在渲染阶段时也会创建对应的RenderNode节点,如下图所示

  • 前端UI描述结构会在后端创建相应的FrameNode节点树;每个树节点和前端UI组件是一一对应的关系
  • FrameNode节点树主要用于处理UI组件属性更新、布局测算、事件处理等业务逻辑;
  • CustomNode作为FrameNode的子类,用于处理自定义组件相关业务逻辑,比如执行build函数。
  • FrameNode节点树在渲染阶段生成后端渲染树进行UI渲染。

所以当在页面上大量使用自定义组件时,会成倍增加FrameNode节点树上CustomNode类型的节点数量,增加页面创建和渲染时长。因此,在满足业务需求的前提下,可以优先使用@builder函数代替自定义组件。

4、参考资料

UI组件性能优化

相关推荐
小雨青年10 小时前
鸿蒙 HarmonyOS 6 | 空间音频技术实战指南
华为·音视频·harmonyos
Huanzhi_Lin11 小时前
鸿蒙NEXT-HelloWorld
华为·harmonyos·arkts·arkui·ets
特立独行的猫a12 小时前
使用 vcpkg 为鸿蒙(HarmonyOS / OHOS)下载与安装三方库实践指南
华为·harmonyos·openharmony·vcpkg·三方库·鸿蒙pc
音视频牛哥12 小时前
HarmonyOS NEXT系统RTSP、RTMP超低延迟直播播放器全面解析
华为·harmonyos·鸿蒙rtmp播放器·鸿蒙rtsp播放器·纯血鸿蒙rtsp播放器·harmonyos rtsp·harmonyos rtmp
音视频牛哥12 小时前
国产化浪潮下,鸿蒙NEXT低延迟RTSP|RTMP直播播放器的破局之路
harmonyos·大牛直播sdk·鸿蒙rtmp播放器·鸿蒙rtsp播放器·鸿蒙next rtsp播放器·鸿蒙next rtmp播放器·纯血鸿蒙rtsp播放器
键盘鼓手苏苏13 小时前
Flutter 三方库 persistent_cache_simple 的鸿蒙化适配指南 - 实现具备磁盘溢出淘汰与极简 API 的本地持久化缓存、支持端侧资源异步落地与状态秒开实战
flutter·缓存·harmonyos
互联网散修13 小时前
零基础鸿蒙应用开发第三十三节:正则表达式基础与应用
华为·正则表达式·harmonyos
SoraLuna13 小时前
「鸿蒙智能体实战记录 16」禅心(Zen Heart):极简表达与留白控制
华为·harmonyos
梁山好汉(Ls_man)14 小时前
鸿蒙_使用DevEco Studio预览器
华为·harmonyos·arkui·预览器
禅思院14 小时前
前端性能优化:从“术“到“道“的完整修炼指南
前端·性能优化·前端性能优化·分层优化模