All Articles

Performance Devtools

Use Chrome DevTools to quickly identify paint bottlenecks

Performance -> command + shift + p -> paint flashing

  • Screen will flash whenever paint happens on an element

Simplify paint complexity

Use the Paint Profiler

How to get to it

  • It will tell you the performance of the styling used.

Layers Dev tool tabs Layer section

The one where you get this 3d view of the layers of the webpage.