Сначала найдите неиспользуемые стили и источники размера, затем разделите CSS по страницам, минифицируйте и сжимайте передачу.
Есть тяжелый CSS-бандл размером 2 мегабайта. Что можно с ним сделать, чтобы разгрузить рендер и сделать построение страницы плавным?
Сначала найдите неиспользуемые стили и источники размера, затем разделите CSS по страницам, минифицируйте и сжимайте передачу.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Сначала найдите неиспользуемые стили и источники размера, затем разделите CSS по страницам, минифицируйте и сжимайте передачу.
Критические стили первого экрана должны быть доступны без заметного мигания; остальное можно загружать по необходимости. Проверяйте coverage на всех состояниях, включая динамические классы. Уменьшение сетевого размера не отменяет стоимость разбора сложных селекторов и layout.