Вопрос проверяет, понимаешь ли ты, как способ генерации CSS влияет на производительность и архитектуру фронтенда.
Build-time CSS генерируется во время сборки и доставляется браузеру как обычные CSS-файлы. Это быстрее, потому что браузеру не нужно выполнять JS для создания стилей. Такой подход уменьшает размер JS-бандла и улучшает время первого рендера. Runtime-CSS даёт больше гибкости, но платит за это производительностью.
Разница между build-time и runtime CSS — в том, когда создаются стили.
Определение: Build-time CSS — стили, которые полностью формируются во время сборки и не требуют выполнения JavaScript в браузере.
Быстрый первый рендер
CSS доступен сразу, без ожидания JS.
Меньше JavaScript
Нет логики генерации стилей в рантайме.
Предсказуемость
Стили не зависят от порядка рендеринга компонентов.
Лучше для SSR
CSS можно отдать сразу с HTML.
Проще дебаг
В итоге это обычные CSS-файлы.
Стили зависят от runtime-данных
размеры DOM
положение скролла
Очень динамичные UI
анимации, вычисляемые в JS
Быстрое прототипирование
Build-time CSS выигрывает в производительности, размере бандла и стабильности рендера, поэтому всё чаще используется в продакшене, а runtime-CSS остаётся инструментом для специфических динамических случаев.
