Почему мы всё ещё отправляем CSS-парсеры в браузер?
Фронтенд-разработчики стоят перед выбором. Вы используете тяжеловесные CSS-in-JS библиотеки. Вы платите за это большими бандлами. Вы платите за это медленным временем Largest Contentful Paint (LCP).
Вам нужны динамические стили. Но для их получения вам не нужен CSS-парсер в браузере.
Современные инструменты предлагают лучший путь. Можно использовать сканер на этапе сборки (build-time scanner). Этот подход занимает 10 мс во время процесса сборки, а для пользователя нагрузка составляет 0 мс.
Zero-runtime CSS обеспечивает ту же гибкость. Он избавляет ваше приложение от лишнего веса.
Почему zero-runtime ещё не стал отраслевым стандартом?
Мне интересно узнать о вашем опыте. На какие компромиссы вы идете, продолжая использовать runtime CSS-in-JS библиотеки?
Делитесь своими мыслями ниже.