Frontend Masters Boost RSS Feed https://frontendmasters.com/blog Helping Your Journey to Senior Developer Wed, 21 Feb 2024 19:57:41 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.2 225069128 Real-World Usage of content-visibility https://frontendmasters.com/blog/real-world-usage-of-content-visibility/ https://frontendmasters.com/blog/real-world-usage-of-content-visibility/#respond Wed, 21 Feb 2024 19:57:41 +0000 https://frontendmasters.com/blog/?p=991 Jeremey Keith uses the little-used CSS property content-visibility to improve the performance on a fairly heavy page.

It works a treat. I did a before-and-after check with pagespeed insights on the page for Out On The Ocean. The “style and layout” part of the main thread work went down considerably. Total blocking time went from more than 600 milliseconds to less than 400 milliseconds.

Not a bad result for a little bit of CSS!

That’s what I’d like to see in more guest writing around here: explanations of real-world implementations to make websites better.

]]>
https://frontendmasters.com/blog/real-world-usage-of-content-visibility/feed/ 0 991