Google DevTools Timeline Panel missing

Question

If I open the google DevTools I cant find the Timeline Panel as described here:

There is simply no tag. Whats wrong? I'am on Windows 7 and Chrome 61.0.3163.91

Answer 1

The Timeline panel is now called the Performance panel. This change was introduced in Chrome 58. You can see what version of Chrome you're running by typing chrome://version into the URL bar.

I write the official DevTools docs. That doc is old. I need to redirect it to the up-to-date docs, or add a deprecation notice to it.

Get Started With Analyzing Runtime Performance teaches you how to diagnose forced synchronous layouts, using the Performance panel. Note that the workflow and UI are different than the tutorial that you referenced, but the new workflow ultimately achieves the same goal of diagnosing and finding forced synchronous layouts.

Answer 2

The performance panel provides the combined functionality of Timeline and JavaScript CPU profiler

The latest version is now

https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference