为什么我的 Chrome DevTools 中没有 "User timing" 部分
Why there is no "User timing" section in my Chrome DevTools
根据这篇文章:
Debugging React performance with React 16 and Chrome Devtools.
我也想检查一下我自己用 React 构建的网站的一些性能方面的东西。
但是我在 DevTools 中看不到 User timing 部分。
Chrome 我电脑里的版本是 62.0.3202.89,
我错过了什么吗?
我能够通过将 ?react_perf
附加到我的 url 来完成这项工作。不知道为什么这么难找到...希望它对你有用。
https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline
您需要将 ?react_perf
添加到 URL
如果您使用的是 React 15,则需要
https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline
虽然 React 16 不需要
https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab
用户计时选项卡已从 chrome 中删除,取而代之的是 "Timings" 选项卡,它结合了一些众所周知的计时,例如 LCP、OnLoad 事件和自定义用户计时 API marks/measures.
根据这篇文章:
Debugging React performance with React 16 and Chrome Devtools.
我也想检查一下我自己用 React 构建的网站的一些性能方面的东西。 但是我在 DevTools 中看不到 User timing 部分。 Chrome 我电脑里的版本是 62.0.3202.89, 我错过了什么吗?
我能够通过将 ?react_perf
附加到我的 url 来完成这项工作。不知道为什么这么难找到...希望它对你有用。
https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline
您需要将 ?react_perf
添加到 URL
如果您使用的是 React 15,则需要 https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline
虽然 React 16 不需要 https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab
用户计时选项卡已从 chrome 中删除,取而代之的是 "Timings" 选项卡,它结合了一些众所周知的计时,例如 LCP、OnLoad 事件和自定义用户计时 API marks/measures.