Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Style Recalculation Secrets: Optimizing CSS Selector Performance

Web Conferences Amsterdam via YouTube

Start learning Write review
DataCamp Ad

Power BI Fundamentals - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This talk explains how browser engines respond to DOM changes by invalidating and recalculating styles, using examples and case studies of CSS selector performance. It demonstrates tools for investigating style bottlenecks, including browser developer tools and profilers.

Syllabus

Intro
Why do we keep hearing this
Information Overload
Invalidation Recalculation
Invalidation Sets
CSS Rules
Invalidation
Style Invalidation
Speed Test
How to make it slow
A true story
Two Solutions
MicroBenchmark
Four Simple Steps
Devtools
Firefox Profiler
Conclusion
Papa Roach
Chrome Tracing
Where to give feedback

Taught by

Web Conferences Amsterdam

Reviews

Start your review of Style Recalculation Secrets: Optimizing CSS Selector Performance

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.