美文网首页
页面优化策略

页面优化策略

作者: TimMei3345 | 来源:发表于2017-02-28 17:07 被阅读0次

预排版

    获取到API JSON数据后,把每条Cell需要的数据都在后台线程计算并封装为布局对象CellLayout。CellLayout包含所有文本的CoreText排版结果、Cell内部每个控件的高度、Cell的整体高度。当生成以后,全部加载到内存,以供使用。TableView在请求高度函数时,不会消耗多余计算量;当把CellLayout设置到Cell内部时,Cell内部不再计算布局。(可供参考:百度知道团队的开源项目[https://github.com/forkingdog/UITableView-FDTemplateLayoutCell/](https://github.com/forkingdog/UITableView-FDTemplateLayoutCell/) )

预渲染

    对于TableView来说,Cell 内容的离屏渲染带来较大的GPU消耗,在低性能的设备(比如iPad 3)上快速滑动列表,虽然列表没有较大的卡顿,但整体的平均帧数下降。用Instument 查看,GPU满负荷运转,而CPU 比较清闲。为了避免离屏渲染,尽量避免使用 layer 的 border、corner、shadow、mask 等技术,而尽量在后台线程先绘制对应内容。

异步绘制

    当快速滑动时,会有大量异步绘制任务提交到后台线程执行。有时滑动速度过快,绘制任务没有完成可能已经被取消,这是仍然继续绘制,造成大量的 CPU 资源浪费,甚至阻塞线程造成后续的绘制任务迟迟无法完成。尽量快速、提前判断当前绘制任务是否取消;在绘制每一行文本前,调用 isCancel() 来进行判断,保证被取消的任务及时退出,不影响后续操作。原理:当滑动时,松开手指后,立刻计算滑动停止时Cell的位置,预先绘制那个位置附近的几个Cell,忽略当前滑动中的Cell。对于滑动性能来说,提升很大,唯一的缺点是快速滑动过程中出现大量空白内容。

全局并发控制
大量任务提交到后台队列,某些任务会因为某些原因被锁住导致线程休眠或被阻塞,concurrent queue随后会创建新的线程执行其他任务。为不同优先级创建和CPU数量相同的serial queue,每次从pool中获取queue是,轮询返回其中一个queue。把App内所有异步操作,包括图像解码、对象释放、异步绘制等,按优先级不同放入全局的serial queue中执行,避免过多线程导致的性能问题。

异步图片加载

    SDWebImage仍然产生少量性能问题,并且有些地方不满足App需求,项目中实现性能更高的图片加载库。在显示简单的单张图片时,利用UIView.layer.contents足够,不使用UIImageView带来的额外资源消耗,因此添加CALayer setImageWithURL等方法。除此外,图片解码操作通过DispatchQueuePool进行管理,控制App总线程数量。

如何评测页面的流畅度

    CPU检测:对于CPU的卡顿,可以通过内置的CADisplayLink检测

GPU检测:对于GPU的卡顿,用1x1的SKView来进行监视,同时SKView本身会带来CPU/GPU的资源消耗
Instuments预设:Instuments的GPU Driver预设,能够实时查看CPU的GPU的资源消耗,能查看几乎所有与显示相关数据,比如Texture数量、CA提交的频率、GPU消耗等

相关文章

  • 页面优化策略

    预排版 预渲染 异步绘制 全局并发控制大量任务提交到后台队列,某些任务会因为某些原因被锁住导致线程休眠或被阻塞,c...

  • 浅谈前端js面试--运行环境(性能优化)

    优化策略 多使用内存、缓存或其他方法 减少CPU计算、减少网络 入手 加载页面和静态资源 页面渲染 加载资源优化 ...

  • 前端页面性能优化

    一、PC端优化策略 主要包括网络加载类、页面渲染类、CSS优化类、JavaScript执行类、缓存类、图片类、架构...

  • 前端性能优化

    前端性能优化 前端性能优化是指用户从开始访问网站开始到整个页面完整的展示出来的过程中,我们可以通过各种的优化策略和...

  • 前端性能优化的14个规则

    规则01:尽量减少HTTP请求 前端优化的黄金准则指导着前端页面的优化策略:只有10%-20%的最终用户响应时间花...

  • Web页面图片资源优化策略

    1.tinify 压缩 这里我用了 tinify.cn[https://tinify.cn/] 这个网站,个人认为...

  • 前端性能初步优化

    性能优化有两个方向 优化页面渲染 减小页面体积,提升网络加载 优化页面渲染 对于优化页面渲染可以进行如下方案来进行...

  • Unity优化技巧

    CPU优化策略: 内存优化策略: GPU优化策略: 以下技巧并不是必须的,但是对于想要提升游戏性能的人来说应该还是...

  • 永澄:优化解释系统的3条策略-03

    本文接前文: 《优化解释系统的3条策略-01》; 《优化解释系统的3条策略-02》。 优化解释系统的策略共有3条,...

  • 永澄:优化解释系统的3条策略-04

    本文接前文: 《优化解释系统的3条策略-01》; 《优化解释系统的3条策略-02》; 《优化解释系统的3条策略-0...

网友评论

      本文标题:页面优化策略

      本文链接:https://www.haomeiwen.com/subject/ttbxgttx.html