移动端的性能优化!

  1. 首屏加载和按需加载,懒加载

  2. 资源预加载 

  3. 图片压缩处理,使用base64内嵌图片

  4. 合理缓存dom对象

  5. 使用touchstart代替click(click 300毫秒的延迟)

  6. 利用transform:translateZ(0),开启硬件GUP加速

  7. 不滥用web字体,不滥用float(布局计算消耗性能),减少font-size声明

  8. 使用viewport固定屏幕渲染,加速页面渲染内容

  9. 尽量使用事件代理,避免直接事件绑定

 

posted @ 2020-10-22 14:06  俩只猫  阅读(129)  评论(0编辑  收藏  举报