"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.
Dave Lunny committed
May 21, 2017 at 12:28 UTC
5cf571839e5a01804b175e9da34315a02ffcef28
1 file changed
+2
-2
docs/docs/optimizing-performance.md
+2
-2
@@ -160,7 +160,7 @@ You can learn more about this in [Webpack documentation](https://webpack.js.org/
160
161
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.
162
163
-## Profiling Components with Chrome Timeline
163
+## Profiling Components with the Chrome Performance Tab
164
165
In the **development** mode, you can visualize how components mount, update, and unmount, using the performance tools in supported browsers. For example:
166
@@ -170,7 +170,7 @@ To do this in Chrome:
170
171
1. Load your app with `?react_perf` in the query string (for example, `http://localhost:3000/?react_perf`).
172
173
-2. Open the Chrome DevTools **[Timeline](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)** tab and press **Record**.
173
+2. Open the Chrome DevTools **[Performance](https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool)** tab and press **Record**.
174
175
3. Perform the actions you want to profile. Don't record more than 20 seconds or Chrome might hang.
176