Browser Repaint Performance

cssmoon-continuouspaint

To hit 60fps, we sometimes need to go beyond JavaScript as the sole performance bottleneck for our pages and spend more time investigating paint and layout issues – styles might actually be the core cause of our sluggish performance.

The H shortcut within the Developer Tools sure comes in handy!

DevTools: Visually Re-engineering CSS For Faster Paint Times →
Profiling Long Paint Times with DevTools’ Continuous Painting Mode →

Elsewhere , , ,

Leave a Reply

Your email address will not be published. Required fields are marked *