Constructable Stylesheets
JavaScriptでCSSスタイルシートをオブジェクトとして生成し(new CSSStyleSheet())、adoptedStyleSheets を通じて複数のシャドウルートで同一インスタンスを共有するAPI。Webコンポーネントが各自CSSを複製してしまう性能問題を解決する。
問題の所在はこうだ。Webコンポーネントでは、CSSはシャドウルートごとにカプセル化される。同じコンポーネントのインスタンスが100個あれば、従来は各シャドウルートの <style> タグごとにスタイルシートの複製を持つことになり、メモリを無駄にし、同じCSSを100回パースし直す。Constructable Stylesheetsなら、スタイルシートを一度だけ共有可能なオブジェクトとして作り、すべてのシャドウルートに同じインスタンスを「採用」させられる。CSSのパースは一度で済み、メモリも節約できる。共有シートをプログラムから更新すれば、使っている全員に反映される。用途は、インスタンスの多いコンポーネントライブラリの性能改善や動的テーマ。地味だが、効率的なWebコンポーネントには欠かせない道具である。Webコンポーネントやカスタムプロパティと関連が深い。