React性能优化的手段有哪些?

1.前端通用优化:这类优化在所有前端框架中都存在,重点就在于如何将这些技巧应用在 React 组件中。       

2.减少不必要的组件更新:这类优化是在组件状态发生变更后,通过减少不必要的组件更新来实现,对应到 React 中就是:减少渲染的节点 、降低组件渲染的复杂度、充分利用缓存避免重新渲染

3.提交阶段优化:这类优化的目的是减少提交阶段耗时。

        1.组件按需加载 (懒加载、懒渲染、虚拟列表)

         2.批量更新

         3.按优先级更新,及时响应用户

         4.利用debounce、throttle避免重复调用

         5.缓存优化

         6.跳过不必要更新的组件(PureComponent、React.memo、 shouldComponentUpdate)

        7.列表项使用key属性

你可能感兴趣的:(react.js,javascript,前端)