前端性能优化

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