Видео на первом экране тормозит сайт: PageSpeed 71 → 99

Если на первом экране сайта видео, грузите его после того, как страница отрисовалась. У меня это подняло мобильную скорость с 71 до 99.

Что тормозило страницу

На первом экране сайта студии стоит короткое видео, 757 КБ. Скрипт запускал его загрузку сразу, одновременно с отрисовкой страницы. На медленном мобильном интернете это примерно четыре секунды занятого канала, а человек в это время смотрит на пустой экран.

Подрядчик искал причину в другом. Он считал, что у главной картинки нет лёгкого формата, а она уже была в WebP и AVIF с приоритетной загрузкой. На сервер грешили тоже зря: он отвечал за 20-70 мс, а долгие цифры в моих замерах давало расстояние до Москвы. Поэтому скорость сайта я мерю только через PageSpeed Insights.

Что поменяли

Правка заняла несколько строк. Видео теперь подключается после события load, когда страница уже загрузилась. Постер виден сразу, видео подхватывается через мгновение.

Результат на телефоне: PageSpeed 71 → 99, LCP 5,0 → 1,3 секунды, FCP 3,5 → 1,1 секунды. На компьютере 96. Через пару недель появились полевые данные от реальных посетителей: LCP 1,37 секунды, сдвигов вёрстки ноль.

Критический CSS подрядчик тоже предлагал. Тогда я его делать не стала: скорость уже была 99.

Ещё одна мелочь: бесплатный PageSpeed без своего ключа API в тот день не работал, общая квота Google закончилась. Ключ лучше завести заранее.

Что сделать вам

• проверить сайт в PageSpeed Insights на телефоне и посмотреть, что стоит на первом экране;
• видео на первом экране грузить после события load, а сразу показывать постер;
• скорость мерить PageSpeed, а не своими замерами из другого города;
• прежде чем делать сложные оптимизации, убрать самое тяжёлое.

Это сентябрь 2026 года, PageSpeed меняет методику оценки.

Оксана Присяжная - арбитражный юрист, эксперт и преподаватель корейской завивки. Об авторе. Сайты и видимость в поиске и нейросетях: Opus Digital.