移动端的性能优化!
-
首屏加载和按需加载,懒加载
-
资源预加载
-
图片压缩处理,使用base64内嵌图片
-
合理缓存dom对象
-
使用touchstart代替click(click 300毫秒的延迟)
-
利用transform:translateZ(0),开启硬件GUP加速
-
不滥用web字体,不滥用float(布局计算消耗性能),减少font-size声明
-
使用viewport固定屏幕渲染,加速页面渲染内容
-
尽量使用事件代理,避免直接事件绑定
世界上没有什么偶然,有的只有必然。——壹原侑子