Chrome 73 поставляется с поддержкой конструируемых таблиц стилей , которые позволяют создавать распространяемые и повторно используемые стили.
Их объявление читает:
Всегда можно было создавать таблицы стилей с использованием JavaScript. Создайте элемент, используя document.createElement('style'). Затем получите доступ к свойству листа, чтобы получить ссылку на базовый экземпляр CSSStyleSheet, и установите стиль.
Использование этого метода приводит к раздутию таблицы стилей. Еще хуже, это
вызывает вспышку неустановленного контента. Конструируемые таблицы стилей делают это
можно определить и подготовить общие стили CSS, а затем применить те
стили для нескольких теневых корней или документа легко и без
дублирование.
Обеспечивают ли конструируемые таблицы стилей заметное улучшение производительности (время рендеринга и потребление памяти) по сравнению с обновлением CSS элемента с помощью JavaScript? Есть ли доступные тесты производительности?