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 *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>