Отрисовку могут задерживать render-blocking стили, parser-blocking скрипты, тяжёлая работа основного потока и построение layout/paint.
Какие блокирующие операции есть в рамках Critical Rendering Path?
Отрисовку могут задерживать render-blocking стили, parser-blocking скрипты, тяжёлая работа основного потока и построение layout/paint.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Отрисовку могут задерживать render-blocking стили, parser-blocking скрипты, тяжёлая работа основного потока и построение layout/paint.
Обычный синхронный script без defer/async останавливает HTML-parser; применимый stylesheet может задерживать первый render. После построения DOM/CSSOM браузеру ещё нужны вычисление стилей и раскладка. Оптимизация зависит от найденной критической зависимости, а не только от суммарного размера ресурсов.