美文网首页
移动端通用优化方案

移动端通用优化方案

作者: 寒星I | 来源:发表于2018-06-20 15:43 被阅读0次

    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 代码

    相关文章

      网友评论

          本文标题:移动端通用优化方案

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