网站怎么做动态背景图片,网页设计最牛的网站建设,成都房建设部网站,做App和网站 聚马卡顿本质上是一个UI体验上的问题#xff0c;而UI的渲染及显示#xff0c;主要涉及CPU和GPU两个层面。若 CPUGPU渲染耗时超过16.7ms#xff0c;就会在屏幕vsync信号到来时无法更新屏幕内容#xff0c;进而导致卡顿。 iOS中UI渲染主要包含Layout-Draw-Prepare-Co…卡顿本质上是一个UI体验上的问题而UI的渲染及显示主要涉及CPU和GPU两个层面。若 CPUGPU渲染耗时超过16.7ms就会在屏幕vsync信号到来时无法更新屏幕内容进而导致卡顿。 iOS中UI渲染主要包含Layout-Draw-Prepare-Commit四个阶段。其中前三个阶段主要是CPU在处理 第四个阶段主要是GPU处理。可行的优化手段在不同阶段也会有所不同。 1. Layout阶段的优化 在Layout阶段主要操作都是在主线程可能的性能瓶颈是页面布局复杂数据频繁更新或页面滚动过程中频繁计算、更新子视图的大小和位置可能会有性能瓶颈。 优化思路 1预处理收到数据后提前在子线程计算涉及到子视图的布局信息ViewLayoutModel处理完后再切换到主线程更新布局数据避免在主线程进行复杂的布局计算。 2缓存页面布局信甚至直接缓存布局好的视图。这种方案对数据变化不大但需要快速滚动浏览历史数据的场景十分有效。 3避免全局进行视图更新只更新数据有变化的子视图。 4批处理。如果数据变化过于频繁没必要每次数据由变化时都立刻刷新UI可以缓存变化的数据批量进行处理。 2. Draw阶段的优化 Draw阶段默认也是在主线程中实现 但实际这并非必须的。因此这一阶段最可行的优化就是将绘制改为在子线程中完成然后将生成的位图切换到主线程提交到Layer的content字段这就是异步绘制。 具体 步 骤 1实现CALayer的代理方法displayLayer: 2在代理方法中切到子线程执行绘制任务 3将绘制出的位图在主线程设置到CAlayer的contents属性 3. Prepare阶段的优化 Prepare阶段主要的耗时是图片的解码优化手段主要是预处理和缓存。现在主流的图片加载框架如SDWebImage、TTURLCache都会将图片将图片提前进行解码缓存的UIImage都是解码后的图片对象。 Prepare另外一个优化的思路是避免缓存过大的图片在收到图片后根据实际显示场景需要的图片尺寸生成不同大小的图片副本既可以降低内存占用也可以降低图片加载过程中的耗时。 4. Commit阶段的优化 Commit阶段主要的耗时是GPU渲染耗时。其中最容易产生性能瓶颈的是离屏渲染问题。 所谓离屏渲染是指设置图层的某些属性时视图前期渲染结束后无法直接进入帧缓冲区需要另外开辟一个新的屏幕缓冲区对其再次进行整体处理。而开辟新的屏幕缓冲区及切换图片渲染上下文都是非常耗时的操作因而非常容易导致UI卡顿。 会导致离屏渲染的操作主要包括 1layer.shouldRasterize光栅化 2layer.mask遮罩 3layer.shadowPath阴影 4layer.cornerRadius及layer.maskToBounds圆角 离屏渲染的主要优化套路比较固定主要是在可能存在性能瓶颈的场景尽量避免设置图层的这些属性。类似的渲染效果改为在CPU中通过预处理进行实现。
