No paint profiler in Chrome DevTools

Question

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

Answer 1

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!

Answer 2

Updated at 2021-02-01

The feature is still exist confirmed in Version Version Version 88.0.4324.96 (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.