Michael Hladky - CSS Rendering Performance

Modern CSS rendering performance: The internals of web pages optimization
In this talk, we demystify the browser’s rendering pipeline and explore the different ways you can enhance the user experience by improving your CSS rendering performance. We will get to the core of browser rendering optimization, uncover what’s hidden under the hood there, and identify the opportunities for improvement that one can seize with a few lines of CSS only and RenderingNG architecture on hand. During this session, we will take a look at how the web page is rendered in a browser, go over the basic Chrome DevTools’ workflow for analyzing runtime performance and see how to benefit from these metrics by introducing only small changes in the CSS. All of the covered implementations will be demoed for you to see their real-world application.
-------------------------------------
If you love CSS, have a look at the CSS Café - Online Meetup:
www.meetup.com/de-DE/CSS-Cafe​
/ css__cafe​
// For more CSS tricks and tips visit our blog.
Layout with CSS: 9elements.com/blog/the-devils...
Gradient angels in CSS: 9elements.com/blog/gradient-a...
CSS border radius: 9elements.com/blog/css-border...
+++ About Michael Hladky +++
Michael Hladky is a Google Developer Expert (GDE), Microsoft MVP, trainer, and consultant with a focus on Angular and RxJS. For years he has been helping companies and developers to set up scalable architectures and performant processes enabling teams to keep up with state-of-the-art development. A vibrant member of the tech community, he organizes multiple community events and workshops each year to give back.
-------------------------------------
// Follow 9elements for more digital content.
Instagram: / ​
Twitter: / 9elements​
Blog: 9elements.com/blog​
LinkedIn: / 9elements-agency

[@alvein10]

Hi, thanks for your video. Supposing your have a container, with several children components, which also have their set of elements (p, span, img...)
Could you tell where to set the contain property? Does it make sense to set it in every level and go deep down to every single html elements?