前端性能优化

1. 前端性能优化

————————

*****加载文件*****

1. 从输⼊入 URL 到⻚页⾯面加载完成,发⽣生了了什么?

2. 如何减少加载文件---合理利用浏览器文件缓存

    2.1 浏览器的缓存机制到底是什么?

    2.2 如何高效利用缓存,如何上线前端代码?

3. 网络协议的理解

  优化策略

4. 图片优化

5. gzip

6. 本地存储

7. CDN

8. 服务端渲染

————————

*****文件执行*****

1. 节流

2. 防抖

3. 图片懒加载

4. 减少dom的操作---重绘 回流

5. Vue性能优化

  v-if 和 v-show

  和渲染无关的数据不要放到data上面,data不要嵌套多层

  修改数据的当下,视图不会立刻更新,而是等事件循环中所有数据变化完成之后,再统一进行视图更新

    this.$nextTick(function(){ 视图更新了 })

  Object.freeze() 冻结数据,取消setters

  5.1 Vue的dom diff做了哪些优化

  5.2 为什么还需要虚拟dom

  5.3 Vue的dom diff 和 react 对比, 做了哪些优化

6. react性能优化

  只需要传递乣的props,不要随便用<Componet [...props]/>

  key

  无状态组件

  pureComponent shouldComponentUpdate   ---渲染时机

  少在render中绑定事件

7.

  

  

  

原文地址:https://www.cnblogs.com/shaokevin/p/12060969.html