可构造的样式表是否提供更好的性能?

Eug*_*ene 6 css benchmarking google-chrome constructable-stylesheet

Chrome 73支持可 构造样式表,允许创建可分发和可重用的样式。

他们的公告如下:

始终可以使用 JavaScript 创建样式表。使用document.createElement('style'). 然后访问其 sheet 属性以获取对底层CSSStyleSheet实例的引用,并设置样式。

使用这种方法往往会导致样式表膨胀。更糟糕的是,它会导致一闪而过的无样式内容。可构造的样式表可以定义和准备共享的 CSS 样式,然后轻松地将这些样式应用到多个阴影根或文档,而无需重复。

  1. 与通过 JavaScript 更新元素的 CSS 相比,可构造的样式表是否在性能(渲染时间和内存消耗)方面提供了显着的改进?
  2. 是否有可构造样式表的性能基准?