react 性能优化工具

xiaoxiao2021-02-28  79

1 the performance timeline React 15.4.0 引进了一个性能时间线特性让我们可以清晰的排查组件的每一个生命周期的执行时间。在开发者工具performance 中,点击record 记录,然后就可以看到react 的组件生命周期

引用方式: href + ?react_perf 比如: http://localhost:8080?react_perf

2 why-did-you-update 插件 可以检测到props 没有变化时,引起的更新 3 React Developer Tools 插件 React Developer Tools 统计重新渲染的频次,其中,蓝色=>黄色=>红色,代表 React 组件重新渲染的频次越来越大。

转载请注明原文地址: https://www.6miu.com/read-73021.html

最新回复(0)