页面性能优化

1. 资源获取过程优化 (使用CDN,使用浏览器缓存,或者js文件缓存) ,资源合并压缩,减少http请求,DNS预解析

2.资源加载过程优化,css放head中(样式预先加载),js放body底部(防阻止dom渲染,或者使用async异步,defer延迟加载);图片懒加载,src中用小图片替换,定义data-xxx属性存放真实图片,什么时候用,什么时候加载

3.减少DOM操作(减少重绘重排),DOM查询合并,多个插入合并(fragment)

4.事件节流 ( 当快速操作时,可以设置定时函数,等快速操作完了再执行事件,不用一直持续高强度触发,在用户感知不到的情况下)

5.预先处理 (onload , DOMContentload,前者是所有资源加载完毕执行,后者是DOM加载完毕执行,图片,视频等资源可能没加载完)

 

posted @ 2018-10-23 15:33  你今天学习了吗  阅读(115)  评论(0编辑  收藏  举报