【interview】2020.07.11 前端性能优化相关

参考:https://www.cnblogs.com/TGNB/p/11531841.html

目的:

  • 让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验
  • 减少页面请求数、或者减小请求所占带宽,能够节省可观的资源

优化:

  • 页面级别的优化

HTTP 请求数: 优化数据设计、优化 http 缓存、资源合并压缩、雪碧图

脚本的无阻塞加载: 

内联脚本的位置优化: 外链脚本尽量后挪

  • 代码级别的优化

Javascript 中的 DOM 操作优化: 获取的元素集合,转化为 数组 再进行操作

尽量缩短作用域链的查找

CSS选择符优化

图片优化

HTML结构优化

 

原文地址:https://www.cnblogs.com/tianxiaxuange/p/13284285.html