UI卡顿和掉帧的原因

先来看看屏幕的成像原理

在屏幕成像的过程中，CPU和GPU起着至关重要的作用
CPU(Central Processing Unit，中央处理器) ：对象的创建和销毁、对象属性的调整、布局计算、文本的计算和排版、图片的格式转换和解码、图像的绘制（Core Graphics）
CPU(Graphics Processing Unit，图形处理器) ：纹理的渲染

• 下面这3张图能很好的了解CPU、GPU的工作流程

• 在iOS中是双缓冲机制，有前帧缓存、后帧缓存

  
  
  

  1.jpg
  
  
  

  2.1.jpg
  
  
  

  2.2.png

• 屏幕显示的时候，是由垂直同步信号(VSync)和水平同步信号(HSync)组成，先发出垂直同步信号，再一行一行的发出水平同步信号进行显示

  
  
  

  3.png

• 按照每秒60FPS的刷帧率，每隔16.7ms就会有一次VSync信号，如果每一次CPU和CPU工作的总耗时超过16.7ms，就会造成卡顿掉帧

  
  
  

  3.1.jpg

卡顿的优化主要是针对CPU GPU进行优化

CPU:

• 尽量用轻量级的对象，比如用不到事件处理的地方，可以考虑使用CALayer取代UIView
• 不要频繁地调用UIView的相关属性，比如frame、bounds、transform等属性，尽量减少不必要的修改
• 尽量提前计算好布局，在有需要时一次性调整对应的属性，不要多次修改属性
• Autolayout会比直接设置frame消耗更多的CPU资源
• 图片的size最好刚好跟UIImageView的size保持一致
• 控制一下线程的最大并发数量
• 尽量把耗时的操作放到子线程
• 文本处理（尺寸计算、绘制)
• 图片处理（解码、绘制）

GPU:

• GPU能处理的最大纹理尺寸是4096x4096，一旦超过这个尺寸，就会占用- CPU资源进行处理，所以纹理尽量不要超过这个尺寸
• 尽量减少视图数量和层次
• 减少透明的视图（alpha<1），不透明的就设置opaque为YES
• 尽量避免出现离屏渲染