参考:https://www.cnblogs.com/TGNB/p/11531841.html
目的:
- 让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验
- 减少页面请求数、或者减小请求所占带宽,能够节省可观的资源
优化:
- 页面级别的优化
HTTP 请求数: 优化数据设计、优化 http 缓存、资源合并压缩、雪碧图
脚本的无阻塞加载:
内联脚本的位置优化: 外链脚本尽量后挪
- 代码级别的优化
Javascript 中的 DOM 操作优化: 获取的元素集合,转化为 数组 再进行操作
尽量缩短作用域链的查找
CSS选择符优化
图片优化
HTML结构优化