Встроенное видео с YouTube тянет за собой полмегабайта скриптов ещё до того, как кто-то нажал «play». На странице с тремя роликами это уже полтора мегабайта, которые никто не просил.
Три подхода по возрастанию сложности:
— Атрибут loading="lazy" на iframe. Работает в современных браузерах, ролик грузится при прокрутке. Одна строка, никаких плагинов.
— Фасад: показывать картинку-превью с кнопкой, а сам iframe вставлять только по клику. Есть готовые плагины, есть десять строк JS.
— Своё видео через тег <video> с атрибутом preload="none" и постером. Грузится только обложка.
Что не делать: автовоспроизведение на первом экране. Даже с выключенным звуком это самая тяжёлая ошибка для мобильного трафика.
Проверка: откройте страницу, не трогайте видео, посмотрите общий вес в Network. Если ролик уже качается, ленивая загрузка не сработала.
WordPress: скорость и кэш
@wp_speed_lab
Видео на странице без тормозов: используем то, что уже встроено
Этот пост опубликован в Telegram-канале WordPress: скорость и кэш. Подписаться можно по ссылке: @wp_speed_lab.