GitHub ускорил интерфейс, убрав CSS-in-JS

Иногда интерфейс тормозит не из-за запросов к API, а из-за того, как вы подключаете стили.

GitHub перевёл компоненты Primer на CSS Modules: время серверного рендеринга сократилось на 55%, а инициализации компонентов — на 25%. Стили больше не нужно вычислять через JavaScript во время рендеринга.

Мигрировали постепенно: флаги, автоматические преобразования кода и визуальные тесты. Темы и тысячи вхождений sx тоже пришлось разобрать.

Если ищете, что тормозит фронтенд, вот хороший повод заглянуть и в стили.

Разбор миграции

Библиотека программиста

Источник: Telegram