移动端通用优化方案

UI绘制

手机屏幕帧率一般为60 FPS，也就是说一帧的渲染时间为16.7ms，所以如果页面渲染时间超过16.7ms 容易出现卡顿现象。提高页面渲染效率可以考虑如下方法：

• 减少页面层级，防止过度绘制
• 组件延迟加载
• 资源预加载，减小资源尺寸
• 耗时操作异步执行

网络优化

• 优先用wifi，其次才是蜂窝网络
• 优化接口设计，尽量减小接口请求次数
• H5 预下载，提升webview 展示效果
• 灵活使用数据压缩，如gzip
• protobuf > JSON > XML，通常XML 体积最大，protobuf 体积最小但是有一点儿门槛
• httpdns 防止域名劫持
• 抓包工具：Fiddler+Willow、TCPDump、Wireshark

资源尺寸优化

• native 混合编程
• 删除无用图片等资源，适当减小图片分辨率
• jpg > png > bmp，优先用高压缩比图片
• 减小图片色深，如png24 => png8

CPU优化

• 主频越高，CPU功耗越高（非线性），充分利用多核优势，有时多线程可以更省电
• 优化浮点运算：除法变乘法，利用位移操作，查表法（空间换时间），利用arm 指令优化
• 其它代码优化：算法优化，数据结构优化，逻辑优化，数据库优化，native 代码