HarmonyOS 实战开发 —— 基于Web组件的H5页面切换类点击操作响应时延问题分析思路&案例

---

📚往期笔录记录🔖：

🔖鸿蒙（HarmonyOS）北向开发知识点记录~
🔖鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~
🔖鸿蒙应用开发与鸿蒙系统开发哪个更有前景？
🔖嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~
🔖对于大前端开发来说，转鸿蒙开发究竟是福还是祸？
🔖鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？
🔖记录一场鸿蒙开发岗位面试经历~
🔖持续更新中……

---

1. 场景导入

点击操作响应时延：从点击离手开始到页面发生转场变化第一帧，这一段时间称为点击操作响应时延。

点击操作响应时延可分为页面切换点击操作响应时延、页面内点击操作响应时延。其中，页面切换点击操作会切换页面，页面内点击操作不会切换页面。

这里讨论页面切换点击操作响应时延。

场景描述：Web页面内部点击按钮路由跳转新页面，此时APP发生了页面跳转（H5内部）

场景特点：观察看到页面发生的转场切换，实际Web组件无变化，是H5页面跳转H5页面

2. 性能指标

2.1 性能指标介绍

应用或元服务内点击操作响应时延应 ≤ X时间起点：点击离手；时间终点：界面发生变化。

S标	A标	B标
100ms	150ms	2