Встраивайте YouTube видео с помощью Lite YouTube Embed вместо iframe
18 февр. 2024 г.
1 минута115 слов
Минусы стандартного способа через iframe
Стандартные embed-скрипты для YouTube очень тяжелые и весят сотни килобайт. Весь этот ком скриптов загружается сразу и сильно тормозит загрузку страницы, из-за этого снижается оценка в Google PageSpeed Insights. В итоге пользователь расстроен, вы расстроены, грусть, печаль, ну и кому это надо?
Плюсы способа через lite-youtube-embed
Для улучшения показателей скорости загрузки страниц, придумали lite-youtube-embed, который визуально выглядит как стандартное решение, но загружается примерно в 224 раз быстрее и имеет ряд преимуществ:
- Скрипты весят меньше — не более 16 Кбайт!
- Возможность добавить кастомную обложку для видео
- Скрипты загружаются не сразу
- Возможность указывать разные параметры для управления поведением и внешним видом плеера
Пример встроенного видео с помощью lite-youtube-embed
Ссылка на npm пакет: lite-youtube-embed