鸿蒙Harmony开发——设备发烫问题分析

4b8cd57734f9212da9218896a5b98fa1.jpeg

99adeddb8d77b4767c35453c20d9edce.gif

本文字数:4207字

预计阅读时间:25分钟

设备过热问题是影响用户体验和设备性能的重要因素。过热不仅会导致性能下降,还可能损坏硬件。因此,开发者需要及时发现、分析并解决这一问题。本文将首先介绍评估设备过热的关键指标,然后基于Trace数据,讲解如何分析和处理设备过热的问题。最后,通过实际案例,详细展示如何定位、分析和优化设备过热现象。本文主要采用Trace数据进行分析,可以使用SmartPerf Host或DevEco Studio内置的Profile工具。

01

设备发热评测指标

在分析设备发热问题前,需要了解一些基本的评测指标:
  1. CPU使用率:高CPU使用率通常是导致设备发热的主要原因之一。监测CPU的工作负荷,可以帮助识别出哪些进程或线程消耗了过多的计算资源;

  2. GPU使用率:对于图形密集型应用,GPU的高使用率也会导致设备发热。通过监测GPU的使用情况,可以找出导致图形处理过载的部分;

  3. 电池温度:设备的电池温度直接反映了设备的热状况。持续监控电池温度可以帮助及时发现设备过热的情况;

  4. 设备温度传感器数据:大多数设备内部都有多个温度传感器,分布在CPU、GPU、内存、主板等关键部位。收集这些传感器的数据可以精确定位热源;

  5. 频率调整:CPU和GPU的频率动态调整是设备管理热量的常见方法。频繁的频率变化也可能是设备发热的一个原因。

02

基于Trace数据的设备发热问题分析思路

使用Trace数据进行设备发热问题分析,可以帮助开发者准确找到引起设备发热的原因。以下是一个基本的分析思路:

  1. 数据收集:使用SmartPerf Host或DevEco Studio等工具,收集设备在运行应用时的Trace数据。这些数据包括CPU和GPU使用率、温度传感器读数、电池温度等;

  2. 数据处理和可视化:将收集到的数据进行处理和可视化,生成CPU/GPU使用率曲线、温度变化曲线等。这些图表可以帮助直观地看到设备发热的趋势和波动;

  3. 定位高负载点:通过分析CPU和GPU使用率曲线,找出高负载的时间段和对应的进程或线程。重点关注这些高负载点,查看它们是否与设备温度升高有关;

  4. 分析频率调整:查看CPU和GPU的频率调整记录,分析频率变化与温度变化的关系。如果频率频繁变化,可能是因为设备在试图通过降频来控制温度;

  5. 排查异常行为:对于发现的高负载点,进一步分析其背后的具体操作或代码逻辑,找出可能导致高负载和发热的异常行为或算法。

03

案例实践:实操定位分析并优化设备发热问题

下面通过一个实际案例,详细介绍如何实操定位分析并优化设备发热问题。

案例介绍

搜狐视频鸿蒙端详情页,在运行一段时间后,可以明显感知到设备发烫严重。我们需要通过Trace数据分析找到发热原因,并进行优化。

设备温度统计:

时间手机温度帧率页面
10:2633°120首页
10:3035°120首页
10:3535°120首页
10:4037°120首页
10:4543°120详情页
10:4744°60详情页
10:5044°60详情页
10:5541°120首页
11:0040°120首页
11:2039°120首页

1182dba2a3877e07fbac9e7f3736bdc1.jpeg

温度表现
  • 温度升高: 进入详情页后,设备温度显著上升;

    • 阈值: 当手机温度超过40度时,用户会感觉设备明显变烫;

    • 详情页温度: 在详情页中,设备温度普遍高于40度;

    • 温度峰值: 当设备温度达到44度时,用户感觉设备明显发烫;

  • 温度降低: 退出详情页返回首页后,设备温度逐渐降低;

    • 恢复正常: 温度恢复至正常水平时,用户感觉设备不再发烫。

帧率表现
  • 帧率下降: 温度上升至44度时,帧率下降到60;

    • 卡顿现象: 此时设备出现明显卡顿现象;

  • 帧率恢复: 当用户退出详情页并返回首页时,设备温度逐渐下降,帧率恢复正常;

    • 温度下降: 返回首页后,设备温度逐渐恢复至正常水平;

    • 帧率恢复: 随着温度的下降,帧率也恢复到正常水平。

总结
在高温环境下,设备性能显著下降。具体表现为:
  1. 进入详情页,设备温度快速上升;

  2. 温度超过40度时,用户感觉明显发烫;

  3. 温度达到44度时,帧率下降至60,设备卡顿明显;

  4. 退出详情页,温度和帧率逐渐恢复正常。

步骤1:收集Trace数据

使用SmartPerf Host或DevEco Studio工具,运行游戏应用并收集Trace数据。确保数据包括CPU、GPU使用率,设备各部位温度传感器数据以及电池温度。

DevEco Studio提供了Profile工具:

477a40169af41100c78b575ddb9cb9ea.jpeg

DevEco Profiler左侧为会话区,可以分为三个部分:

① 调优目标选择区域:选择设备及要分析的应用和进程;

② 会话列表区域:列出当前已创建的调优分析会话;

③ 场景化模板选择区域:这新建会话的入口,Profiler提供Launch、Frame、Time、Allocation、Snapshot、CPU等场景化分析模板,提供对不同性能问题场景的数据分析方案。

0c0966c0ff8fd0791cb1b9dfcbcb639d.png:Launch冷启动场景化模板

ac297815f3ac76ab78fdfff8fc02ed62.png:Frame卡顿丢帧场景化模板

5fdf7e53bf9c61b7c81ff5026f4ba671.png:Time函数耗时场景化模板

e5c02d0993da94bc02f2b6d0434dd82e.png:Allocation内存泄露场景化模板

d704889466f4506fb0ee0379a1228640.png:Snapshot内存快照场景化模板

4e30ab90fd2ad31956fe5f609273c868.png:CPU调度场景化模板

连接真机之后,打开Profile。进入首页看到CPU占用率12.8%左右。

87c0ce67d3581c99d1656a65d90e0714.jpeg

进入详情页CPU占用率飙升到48.4%,这也直接造成设备发烫问题的出现。下面通过不同模板来分析原因。

cdd96bc5bb038a072e3a3fa912408b50.jpeg

步骤2:数据分析

CPU分析:

选中任意模板图标,点击下方Create Session按钮,即可创建出一个全新的会话。我们首先分析页面CPU占用情况。

首页的CPU占用情况:

593114102680ceaf15325540c57b7122.png
img

详情页的CPU占用情况:

1ab25d9db132c15fd2d1b4aff6dde4f4.png
img

可以看出在进入详情页之后,会多出名为sofa_msg_thread的几个线程,这些线程占用相当高的CPU占比,也是设备发烫的主要原因。sofa_msg_thread线程为播放器库的线程,因此问题转到播放器相关库。

通过分析播放器,得出结论,发烫原因为:

1.存在一个空跑的线程;

2.渲染线程中,av_usleep在编译的时候,ffmpeg(一个播放器框架)有问题,导致实现是空的。因此渲染线程也是在密集的一直运行,因此导致设备发烫。

将以上问题进行修复,重新生成播放器har,将原有的播放器替换到以后,重新对CPU进行监控,CPU占用率明显下降,恢复正常水平,问题得到解决。

7beb5b5fedc2d090dd29e5f68ffecdc5.jpeg

帧率分析:

前置知识:

图形渲染流程大致如下:

  1. 应用端(App)处理用户的屏幕点击等输入事件,生成当前界面的描述数据,包括UI元素的位置、大小、资源、绘制指令和动效属性等;

  2. 渲染服务(RenderService)负责绘制界面内容。它与ArkUI框架对接,支持控件和动效等UI元素的显示。RenderService的RenderThread线程在Vsync信号下触发UI绘制,绘制过程分为三个阶段:动效(Animation)、描画(Draw)和提交(Flush);

  3. 显示(Display)是屏幕的抽象概念,可以是实际的物理屏幕,也可以是虚拟屏幕。RenderService协调GPU等资源处理完毕后,将最终图像显示在屏幕上。

其中应用侧的渲染流程如下图所示,了解ArkUI的渲染流程有助于我们定位应用侧的卡顿问题出现在哪个环节:

02dbbe7c019ef751a2924523702fe26f.png
  • Animation:动画阶段,在动画过程中会修改相应的FrameNode节点触发脏区标记,在特定场景下会执行用户侧ets代码实现自定义动画;

  • Events:事件处理阶段,比如手势事件处理。在手势处理过程中也会修改FrameNode节点触发脏区标记,在特定场景下会执行用户侧ets代码实现自定义事件;

  • UpdateUI:自定义组件(@Component)在首次创建挂载或者状态变量变更时会标记为需要rebuild状态,在下一次Vsync过来时会执行rebuild流程,rebuild流程会执行程序UI代码,通过调用View的方法生成相应的组件树结构和属性样式修改任务;

  • Measure:布局包装器执行相关的大小测算任务;

  • Layout:布局包装器执行相关的布局任务;

  • Render:绘制任务包装器执行相关的绘制任务,执行完成后会标记请求刷新RSNode绘制;

  • SendMessage:请求刷新界面绘制。

在整个处理流程中,应用端和渲染服务端都可能出现卡顿,导致最终用户观察到掉帧现象。我们将这两种情况分别命名为AppDeadlineMissed和RenderDeadlineMissed。通常,前者是由于应用逻辑处理代码效率不高引起的,而后者可能是由于界面结构过于复杂或GPU负载过大导致的。这两个故障模型可以通过Frame模板直观地查看。相应的故障模型如下面两幅图所示。

应用卡顿导致丢帧的故障模型:

a1b3d78be17b8d25e3862ac12b4c1f08.png
img

Render Service卡顿导致丢帧的故障模型

1ca149d3cafb92513346070ba8f6fb0c.png
img
实际操作:

由于设备发烫会直接影响到帧率,因此可以通过分析帧率来进一步定位除了播放器外的其他可能出现的潜在问题。

选中Frame模板,点击Create Session,创建监控帧率的会话。得到Trace信息以后可以发现在Frame泳道中出现非常多的红色区域,这些红色区域就是耗时较长的帧,也就是丢帧的部分。

筛选出卡顿丢帧类型(Jank Type)为AppDeadlineMissed(App侧的卡顿),占了相当多的比例。

2a6e90384821f15874f3eafa51bc773a.jpeg

选中列表中第一条数据,点击跳转应用进程。

9775d35690c751adb69dd4857f8ff237.jpeg

跳转到应用进程以后就可以详细分析丢帧的Trace。

54626d7c47d819dc54e85a3010a18f0d.jpeg

通过ArkTS Callback泳道,可以看到代码的具体调用逻辑,可以帮助分析问题原因。

通过下图的调用链发现主要是两个代码对性能产生的影响,一个是SensorUtil的持续监听,一个是lottie框架的嵌套过深。

76334a56a0132d375048846e213502d8.jpeg

步骤3:优化方案

因此可以控制在代码中设置SensorUtil的选择性监听,当在设备中设置可旋转的时候,才使用SensorUtil。使用lottie的时候及时回收内存等操作来减少应用程序的卡顿。

52e5cb77758ac4b497a0dec01b994dc2.jpeg

SensorUtil的条件开关:

export function onOrientationChange() {let currentOrientation = Side.TOPlet context = getContext() as common.UIAbilityContext;try {sensor.on(sensor.SensorId.ORIENTATION, (data: sensor.OrientationResponse) => {let gamma = Math.abs(data.gamma)let beta = Math.abs(data.beta)/*** 是否使用加速计更改屏幕方向,即是否启用自动旋转。值为1,表示启用加速度计;值为0,表示不启用加速计。* 也就是说是否打开控制中心的旋转锁定,如果打开了就是1,没打开就是0。打开了以后才去监听传感器*/settings.getValue(context, settings.general.ACCELEROMETER_ROTATION_STATUS, settings.domainName.DEVICE_SHARED).then((value) => {if(value==='1'){if (gamma < 10 && beta > 45 && data.beta < 0 && currentOrientation != Side.TOP) {//竖屏currentOrientation = Side.TOPcontext.eventHub.emit(EventConstants.orientationChange, currentOrientation);} else if (gamma > 70) {//横屏if (data.gamma > 70 && currentOrientation != Side.LEFT) {//左边currentOrientation = Side.LEFTcontext.eventHub.emit(EventConstants.orientationChange, currentOrientation);} else if (data.gamma < -70 && currentOrientation != Side.RIGHT) {//右边currentOrientation = Side.RIGHTcontext.eventHub.emit(EventConstants.orientationChange, currentOrientation);}}}else if (value==='0'){}});}, { interval: 100000000 });} catch (error) {}
}

Lottie的及时回收内存:

build() {Canvas(this.canvasRenderingContext).width(this.viewWidth).height(this.viewHeight).backgroundColor(Color.Transparent).onReady(() => {// 可在此生命回调周期中加载动画,可以保证动画尺寸正确this.loadView()}).onDisAppear(() => {//onDisAppear的时候销毁动画lottie.destroy(this.animateName);})}

优化 UI 组件树的嵌套层级

除了以上的几种优化方案,优化 UI 组件树的嵌套层级也是提升应用性能的关键步骤。这里提出几种常见的优化方案,以减少不必要的嵌套,降低性能开销,提升用户体验。

方案一:简化属性设置

当自定义组件设置了通用属性后,可能会在组件树中产生额外的节点。为了优化结构,可以将这些属性直接设置在自定义组件的系统组件层中。

优化前:

@Entry
@Component
struct MainView {private data: MyDataSource = new MyDataSource();build() {Column() {List() {LazyForEach(this.data, (item: string) => {ListItem() {CustomComponent()// 属性设置在父组件中// .backgroundColor('#000')}})}}.width('100%').height('100%')}
}@Component
struct CustomComponent {build() {Column() {// 业务逻辑}.width('100%').height('100%')}
}

优化后:

@Entry
@Component
struct MainView {private data: MyDataSource = new MyDataSource();build() {Column() {List() {LazyForEach(this.data, (item: string) => {ListItem() {CustomComponent()}})}}.width('100%').height('100%')}
}@Component
struct CustomComponent {build() {Column() {// 业务逻辑}.width('100%').height('100%').backgroundColor('#000')  // 属性直接设置在组件内部}
}
方案二:减少不必要的嵌套

尽量避免多层级的容器嵌套,使用扁平化布局可以有效减少组件的嵌套深度,提高性能。

优化前:

@Component
struct NestedComponent {build() {Column() {Row() {Stack() {// 业务逻辑}}}.width('100%').height('100%').backgroundColor('#ffffff')}
}

优化后:

@Component
struct FlattenedComponent {build() {Column() {// 业务逻辑}.width('100%').height('100%').backgroundColor('#ffffff')}
}
方案三:使用 @Builder 替代 @Component

通过 @Component 声明的组件在创建时会有额外的性能开销。使用 @Builder 声明组件可以减少这种开销。

优化前:

@Component
struct ChildComponent {build() {Column() {// 业务逻辑}.width('100%').height('100%').backgroundColor('#ffffff')}
}

优化后:

@Builder
function ChildComponent() {Column() {// 业务逻辑}.width('100%').height('100%').backgroundColor('#ffffff')
}

04

总结

为了解决设备发烫问题,以及可能出现的帧率降低的问题,以下是我们的优化思路:
  1. 准备信息:明确问题现象和验收标准,并准备相关的观测信息;

  2. 分析问题:确定问题的起始点,定位问题,分析原因;

  3. 优化方案:通过优化CPU占用率高的代码、简化属性设置、减少嵌套层级、使用高效的组件声明方式来提升应用性能,避免设备发烫。

设备发热问题是影响用户体验和设备性能的重要问题。通过使用Dev-Eco Studio自带的Profile工具,统计出Trace数据进行系统化的分析,可以准确找到发热原因,并进行针对性的优化。希望本文介绍的方法和案例分析能对开发者有所帮助,助力开发更加高效和稳定的应用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/51330.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

文心快码(Baidu Comate)初体验

文心快码&#xff08;Baidu Comate&#xff09;初体验 1文心快码简介和安装&#xff1a;简要介绍文心快码&#xff08;Baidu Comate&#xff09;、安装方法、使用方法等&#xff1b; Baidu Comate 是由百度自主研发&#xff0c;基于文心大模型&#xff0c;结合百度丰富的编程现…

C/C++逆向:寻找main函数(Debug-x86)

在程序的逆向分析中&#xff0c;寻找main函数在逆向分析中是非常重要的&#xff0c;它是程序的核心执行点&#xff0c;从这里开始&#xff0c;程序的主要逻辑开始展开&#xff1b;在这边我们需要明确两个概念&#xff1a;用户入口&#xff08;User Entry Point&#xff09; 和 …

WIN 10 添加右键菜单(VSCode 打开当前目录)

WIN 10 添加右键菜单&#xff08;VSCode 打开当前目录&#xff09; 前言最终效果操作步骤 前言 每次打开代码都需要先打开 VSCode&#xff0c;再选择最近打开的项目或者浏览打开项目&#xff0c;感觉比较难找。所以自己添加了右键命令。 最终效果 操作步骤 cmd 打开注册表 找…

appium学习记录

免责声明 本文内容仅供参考&#xff0c;将appuim与爬虫技术相结合可能违反某些app的使用条款和法律法规。作者不对因此产生的法律问题或技术风险负责。建议读者在进行爬取操作前&#xff0c;充分了解相关法律法规并确保合规。 1、初识appium 背景&#xff1a;部分APP需要反编译…

C#用户控件usercontrol中的子控件事件及属性的传递

也不知道这个标题怎么写&#xff0c;但是问题是个老问题&#xff0c;大家都可能遇到过&#xff0c;不过有同学问到&#xff0c;那就写出来。其实很简单。只不过有的同学看了其他博文后脑子还是懵懵的。所以这里就分两部分来说明一下。 文章目录 一、属性的传递1、原理2、步骤3…

Mac M1Pro 安装Java性能监控工具VisualVM 2.1.9

本地已经安装了java8&#xff0c;在终端输入jvisualvm提示没有安装 zhiniansara ~ % jvisualvm The operation couldn’t be completed. Unable to locate a Java Runtime that supports jvisualvm. Please visit http://www.java.com for information on installing Java.官网…

RPA自动化流程机器人助力企业财务数字化转型

在数字经济时代&#xff0c;企业需要快速响应市场变化&#xff0c;而财务数字化转型是企业适应现代商业环境、提升竞争力的必要步骤。财务数字化转型不仅涉及企业财务能力的提升&#xff0c;推动了财务管理与决策模式的转变。RPA自动化流程机器人因其能通过自动化技术帮助企业实…

[云计算] 虚拟化笔记

原著&#xff1a; 韩冰&#xff0c;[云计算课程]&#xff0c; 有删改。 目的 对 IT 资源简化&#xff0c;用户通过标准接口访问。 资源是提高一定功能的实现 。可以是硬件&#xff0c; 如CPU, 也可以是软件。 发展史 1961 IBM CPU 分时间片&#xff0c; 一个CPU 虚拟化为多…

【Nature】在科研中应用ChatGPT:如何与数据对话

随着人工智能技术的迅猛发展&#xff0c;大型语言模型&#xff08;LLMs&#xff09;正逐渐成为科研领域的一种创新工具。这些模型通过自然语言处理技术&#xff0c;使得研究人员能够以直观的方式与数据进行交互&#xff0c;从而简化了数据分析和解释的过程。在《自然》杂志2024…

当外接硬盘接入到macOS上,只读不可写时,应当格式化

当windows磁盘格式例如 NTFS 的硬盘接入到macOS上时&#xff0c;会发现无法新建文件夹&#xff0c;无法删除、重命名。原因是磁盘格式对不上macOS&#xff0c;需要进行格式化。格式化时请注意备份重要数据。具体做法如下&#xff0c;在macOS中找到磁盘工具&#xff0c;然后对磁…

QT Quick QML 实例之定制 TableView

QT Quick QML 实例之定制 TableView 一、演示二、C关键步骤1. beginInsertRows()&#xff08;用户插入行&#xff09;2. roleNames() &#xff08;表格中列映射&#xff09;3. data() &#xff08;用户获取数据&#xff09;4. headerData() &#xff08;表头&#xff09;5. fla…

影视会员官方渠道api对接

API对接是指两个不同的软件系统或应用程序之间通过API&#xff08;应用程序编程接口&#xff09;进行交互的过程。这种交互允许数据和功能的共享&#xff0c;而不必暴露系统的内部工作原理。在影视会员充值场景中&#xff0c;API对接具有以下几个关键特点和优势&#xff1a; 数…

【从Qwen2,Apple Intelligence Foundation,Gemma 2,Llama 3.1看大模型的性能提升之路】

从早期的 GPT 模型到如今复杂的开放式 LLM&#xff0c;大型语言模型 (LLM) 的发展已经取得了长足的进步。最初&#xff0c;LLM 训练过程仅侧重于预训练&#xff0c;但后来扩展到包括预训练和后训练。后训练通常包括监督指令微调和校准&#xff0c;这是由 ChatGPT 推广的。 自 …

11、Redis高级:Key设置、BigKey解决、批处理优化、集群下批处理、慢查询

Redis高级篇之最佳实践 今日内容 Redis键值设计批处理优化服务端优化集群最佳实践 1、Redis键值设计 1.1、优雅的key结构 Redis的Key虽然可以自定义&#xff0c;但最好遵循下面的几个最佳实践约定&#xff1a; 遵循基本格式&#xff1a;[业务名称]:[数据名]:[id]长度不超过…

沉浸式解压小视频在哪找?非常减压的几个视频素材网站分享

沉浸式解压小视频&#xff0c;以其独特的舒缓音乐、宁静自然景观和柔和动态图像&#xff0c;成为了迅速消解压力的有效途径。这些视频能够帮助我们暂时离开紧张的现实&#xff0c;重获内心的平和。如果你正在寻找优质的解压视频素材&#xff0c;不用担心&#xff0c;接下来我会…

【HarmonyOS NEXT星河版开发学习】综合测试案例-各平台评论部分

目录 前言 功能展示 整体页面布局 最新和最热 写评论 点赞功能 界面构建 初始数据的准备 列表项部分的渲染 底部区域 index部分 知识点概述 List组件 List组件简介 ListItem组件详解 ListItemGroup组件介绍 ForEach循环渲染 列表分割线设置 列表排列方向设…

图像分割论文阅读:BCU-Net: Bridging ConvNeXt and U-Net for medical image segmentation

本文提出了一种集合ConvNeXt和U-Net优势的网络模型来分割医学图像。 当然&#xff0c;模型整体结构就是并列双分支&#xff0c;如果只是这些内容&#xff0c;不值得拿出来讲。 主要有意思的部分是其融合两分支的多标签召回模块&#xff08;multilabel recall loss module&…

如何使用midjourney?MidJourney订阅计划及国内订阅教程

国内如何订阅MidJourney 第三方代理 参考&#xff1a; zhangfeidezhu.com/?p474 使用信用卡订阅教程 办理国外信用卡&#xff1a; 这个各自找国外的银行办理就好了。 登录MidJourney&#xff1a; 登录MidJourney网站&#xff0c;进入订阅中心。如果是在Discord频道&#x…

ES 模糊查询 wildcard 的替代方案探索

一、Wildcard 概述 Wildcard 是一种支持通配符的模糊检索方式。在 Elasticsearch 中&#xff0c;它使用星号 * 代表零个或多个字符&#xff0c;问号 ? 代表单个字符。 其使用方式多样&#xff0c;例如可以通过 {"wildcard": {"field_name": "value&…

IP in IP 协议

IP in IP 是一种多重IP协议&#xff0c;即&#xff1a;客户机可以发送一个IP协议内部在嵌套一个IP协议到某个特定的主机上&#xff0c;在由具体的主机作为路由进行转发的协议。 例如&#xff1a; IP in IP帧协议结构为&#xff0c;第一层为发送到IP in IP 路由主机的报文&…