amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-24 04:33:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

"Timeline" => "Performance" (#9602)

Browse Source 
As of Chrome 58, the Timeline tab is now called the Performance tab, this updates the "Optimizing Performance > Profiling Components with Chrome Performance" section of the docs to reflect that.
This commit is contained in:
Dave Lunny
2017-05-21 12:28:25 -07:00
committed by Nathan Hunzaker
parent 5a741877d6
commit 143acd580f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/optimizing-performance.md
View File

@@ -160,7 +160,7 @@ You can learn more about this in [Webpack documentation](https://webpack.js.org/
Remember that you only need to do this for production builds. You shouldn't apply `UglifyJsPlugin` or `DefinePlugin` with `'production'` value in development because they will hide useful React warnings, and make the builds much slower.
## Profiling Components with Chrome Timeline
## Profiling Components with the Chrome Performance Tab
In the **development** mode, you can visualize how components mount, update, and unmount, using the performance tools in supported browsers. For example:
@@ -170,7 +170,7 @@ To do this in Chrome:
1. Load your app with `?react_perf` in the query string (for example, `http://localhost:3000/?react_perf`).
2. Open the Chrome DevTools **[Timeline](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)** tab and press **Record**.
2. Open the Chrome DevTools **[Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)** tab and press **Record**.
3. Perform the actions you want to profile. Don't record more than 20 seconds or Chrome might hang.