Constructable stylesheets
Een API om CSS-stylesheets in JavaScript als objecten aan te maken (new CSSStyleSheet()) en dezelfde instantie via adoptedStyleSheets over meerdere shadow roots te delen. Het lost het prestatieprobleem op dat elke webcomponent anders zijn eigen kopie van de CSS meedraagt.
Het probleem: bij webcomponenten is CSS per shadow root afgeschermd, maar met honderd instanties van dezelfde component krijgt traditioneel elke instantie een eigen kopie van de stylesheet (via een <style>-tag in elke shadow root). Dat kost onnodig geheugen en dezelfde CSS wordt honderd keer opnieuw geparseerd. Met constructable stylesheets maak je de stylesheet één keer aan als deelbaar object en "adopteer" je dezelfde instantie in alle shadow roots: de CSS wordt één keer geparseerd en gedeeld. Je kunt de gedeelde stylesheet ook programmatisch bijwerken, waarna iedereen die hem gebruikt meeverandert. Toepassingen: prestaties in componentbibliotheken met veel instanties en dynamische thema's. Een nichetool, maar belangrijk voor efficiënte webcomponenten.