Helping Browsers Optimize With The CSS Contain Property — Smashing Magazine

CSS-egenskapen contain är utformad för att optimera webbläsarprestanda genom att låta utvecklare informera webbläsaren om oberoende delar av sidans layout. Egenskapen, som nyligen blev en W3C-rekommendation, är särskilt användbar för dynamiska webbsidor där element läggs till eller ändras, för att undvika onödiga omräkningar av hela layouten. Artikeln beskriver tre huvudtyper av containment: layout, paint och size, var och en med specifika effekter och potentiella sidoeffekter på sidans rendering. layout-containment isolerar elementets layout, paint-containment klipper innehållet till elementets gränser, och size-containment indikerar att elementets storlek är fast. Det finns även shorthand-värden som content för att kombinera layout och paint containment, vilket ofta ger de största fördelarna.