lukechilds
/
react.dev
mirror of https://github.com/lukechilds/react.dev.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

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

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.
main
Dave Lunny 8 years ago
committed by Nathan Hunzaker
parent
5a741877d6
commit
143acd580f
1 changed files with 2 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      docs/optimizing-performance.md

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. 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: 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`). 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. 3. Perform the actions you want to profile. Don't record more than 20 seconds or Chrome might hang.

Write Preview
Loading…
Cancel
Save