移动端通用优化方案
2018-06-20 本文已影响0人
寒星I
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 代码