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

Core Web Vitals и оптимизация доставки

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

Объяснение

Производительность включает загрузку, отклик на действие и стабильность макета. Большое изображение и тяжёлый JavaScript влияют на разные этапы. Оптимизация должна сопровождаться измерением на слабом устройстве.

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

Как предотвратить прыжок страницы при загрузке картинки?

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

Задать width/height или aspect-ratio, чтобы место резервировалось заранее. Это улучшает стабильность макета без ожидания скачивания изображения.

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

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

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