Обсуждение Оптимизация плеера youtube на сайте для гугла

[Zivler]

Приветствую. Ребят, такую проблему заметил. На сайте есть кнопка "Смотреть обзор от Кинопоиска", при нажатии на которую всплывает окно с плеером Ютуба с соответствующим роликом. Недавно решил проверить страницы сайта при помощи Google PageSpeed и получил 33 балла из 100. В отчёте выдаёт, что это из-за плеера Ютуба. И действительно, если убираю Ютуб-плеер, то оценка возрастает до 85 баллов. Поскольку плеер Ютуба на странице вызывается при нажатии на кнопку, то по сути его реально нет смысла загружать при загрузке страницы. Не подскажите способ отсрочить эту загрузку или в идеале вообще сделать чтобы загрузка происходила при нажатии только на эту самую кнопку? Плеер на странице реализован таким образом:

<div class="класс-для-кнопки">Смотреть обзор от Кинопоиска</div>
<div class="класс-для-плеера" id="trailer-box">
<iframe width="560" height="315" src="ссылка-на-Ютуб" allowfullscreen></iframe>
</div>

 

[Данияр]

Lazyload поможет)

 

[Zivler]

Спасибо, но блин, сложно и не понятно. Что гуглить, не подскажешь?

 

[Данияр]

Спасибо, но блин, сложно и не понятно. Что гуглить, не подскажешь?

Вот: Use lazysizes to lazy-load images
Тут написано про изображение но на фрейм тоже работает

 

[volkod]

можно еще вот так вот, что бы без скриптов Lazy load embedded YouTube videos | CSS-Tricks

 

[Ботяра]

в DLE 14,1 есть уже lazyload

/* Lazy Load XT 1.1.0 | MIT License */

В настройках изображений включить "Отложенная загрузка изображений" и заменить src на data-src. Если не сработает, то нужно будет смотреть как выводится плеера на сайте.

для ранних версий для iframe DLE - Ленивая загрузка (lazyload) img, video, source, iframe в dle 13.2

 

[Naussan]

Оптимизация так ещё морока.

 

[MIKE_FM]

Мне не особо помог этот lazyload. Всё равно скорость хромает.

 

[wawe]

Шаблон. Это основное.
Остальные приблуды - это мелочи.

 

[Ботяра]

Остальные приблуды - это мелочи.

не совсем. оптимизация контента тоже, в частности изображений! зачем загружать страницу по 10Мб, когда она может весить 200Кб? Разница трафика ощутима, особенно когда используешь лимитированный трафик мобильный!

 

[MIKE_FM]

Шаблон. Это основное.
Остальные приблуды - это мелочи.

Метрика и Аналитика пздц грузят сайт. Как ни странно - Гугл ругается на свои же сервисы 🙂