IT Academy
Урок 4 · Средний

Network waterfall и critical rendering path

Объяснение → самостоятельное решение → разбор → практика курса

Объяснение

Critical rendering path включает загрузку HTML, блокирующих стилей и построение первого кадра. Waterfall показывает зависимости запросов. Предзагрузка полезна для действительно критичного ресурса и может конкурировать с остальными.

Задача для самостоятельного решения

Почему лишний preload может замедлить важную картинку?

Показать разбор ответа

Он расходует сеть и приоритеты на ненужный ресурс. Сначала определите узкое место по waterfall, затем проверяйте изменение метрики.

Примените знания

В лабораторной курса есть учебная среда, пример, ожидаемый результат и задание проекта. Возвращайтесь к ней по мере прохождения тем.

Открыть лабораторную →