17.App页面UI优化实践

17.App页面UI优化实践

目录介绍

• 01.UI优化背景
  • 1.1 项目背景介绍
  • 1.2 概念说明
  • 1.3 衡量标准
  • 1.4 建设目标
  • 1.5 产生收益分析
• 02.UI绘制概念
  • 2.1 CPU和GPU概念
  • 2.2 Android渲染演进
  • 2.3 4.0开启硬件加速
  • 2.4 4.1：Project Butter
• 03.UI优化分析工具
  • 3.1 线下分析工具
  • 3.2 线上分析工具

• 04.UI优化策略

• 05.布局优化策略
  • 5.1 布局检测工具
  • 5.2 布局卡顿优化

01.UI优化背景

1.1 项目背景介绍

1.2 概念说明

• 关于UI卡顿优化
  • 学习了 4 种本地排查卡顿的工具，以及多种线上监控卡顿、帧率的方法。
• 为什么要回顾卡顿优化呢？
  • 那是因为 UI 渲染也会造成卡顿，并且肯定会有同学疑惑卡顿优化和 UI 优化的区别是什么。
• 为何会卡顿
  • 在 Android 系统的 VSYNC 信号到达时，如果 UI 线程被某个耗时任务堵塞，长时间无法对 UI 进行渲染，这时就会出现卡顿。
  • UI 优化要解决的核心是由于渲染性能本身造成用户感知的卡顿，