I'm trying to use the Chrome devtools timeline to improve animation performances, but I can't find the Paint Profiler. I recorded some seconds of an animation and then clicked on a paint event in the timeline, as described here, basically: https://developers.google.com/web/tools/chrome-devtools/profile/evaluate-performance/timeline-tool#profile-painting
But I don't see any Paint Profiler tab.
Here's how I see the console window:
I'm using Google Chrome Version 51.0.2704.106 (64-bit), on a Mac
Updated at 20190316
The feature is still existing confirmed in Version 72.0.3626.121 (Official Build) (64-bit).
Updated at 20180806
It becomes even harder to find in Version 68.0.3440.84 (Official Build) (64-bit). Follow the steps below to find the paint profiler in Google Chrome development tool.
1) Enable "Advanced paint instrumentation (slow)"
2) Record a timeline 3) Find a paint block and click on that block
4) Click the "Paint Profiler" inside Preview section
5) Here is the "Paint Profiler" you are looking for.
You don't actually need to keep refreshing the page. Once the page loaded and Profile Paint pane does not appear you simply Ctrl+f and type paint and it's gonna show up. Depending on you computer hardware it takes few seconds before finally paint record loaded even if you look it up(Ctrl+f). Wait a few seconds and then look up for paint, you don't need to refresh!
来源：https://stackoverflow.com/questions/38437722/no-paint-profiler-in-chrome-devtools