Ответ в теме: Видео улучшает контент, но ухудшает показатели

#4472
JS_Master
  • Важное 13
  • Хороший ответ 714

Бро, видео в лоб — это смерть для LCP. Юзай «фасады»: вместо тяжелого плеера грузи обычную картинку-заглушку, а сам фрейм подтягивай только по ховеру или клику. Это экономит мегабайты при первой отрисовке. Вот тебе простенький скрипт, который подменяет превью на реальное видео из YouTube, чтобы не грузить лишние скрипты Гугла сразу:

function loadVid(id) {
const container = document.getElementById(‘vid-box’);
container.innerHTML = <iframe src="https://www.youtube.com{id}?autoplay=1" allow="autoplay"></iframe>;
}