减少drawcall
drawcall是CPU对底层图形绘制接口的调用命令GPU执行渲染操作,CPU和GPU并行工作,它们之间通过命令缓冲区连接,CPU向其中发送渲染命令,GPU接收并执行对应的渲染命令。
这里drawcall影响绘制的原因主要是因为每次绘制时,CPU都需要调用drawcall而每个drawcall都需要很多准备工作,检测渲染状态、提交渲染数据、提交渲染状态。而GPU本身具有很强大的计算能力,可以很快就处理完渲染任务。如果drawCall的数量太多,CPU就会把大量时间花费在提交drawCall上,造成CPU的过载。
那么怎么减少drawCall呢?
1.图集和分层级
相同的图集上的图片在同一个节点下渲染计算drawcall会合并。同一个图集的图片应该尽量在同一个节点(层级)下,这样就可以避免交叉渲染,导致drawcall增加。分层的表现在与不同图集下应该尽量做到相同的图鉴在同一层级下。比如,分图片层,背景层,文本层等。使得相同图集的背景或相同文本字体在相同的图集下有较少的drawcall。
2. 官方的cacheAsBitmap(位图缓存)
cacheAsBitmap是以牺牲内存为代价的,对于静态的文本,一直不改变的图片等都可以使用。cacheAsBitmap = false 就可以释放。,处理不好容易造成内存泄漏。
性能开销节省
对象的创建和赋值和方法的调用都需要一定的单位时间,对象的创建的时间远高于方法的调用,新建数组的创建更高。为了节省这些性能开销,对象池是很好的方法。对于经常使用的对象进行对象池回收处理,避免大量重复实例化,减少实例化时的性能开销。对于前端来说。对象池的使用会增加内存的开销。
内存优化gc回收,和对一些资源的手动释放。
js使用的内存管理器和垃圾回收机制,当对象不再有引用标记时就会回收对象,gc的回收使用一定的周期的和限制的。如果可以尽量的手动释放object=null