Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

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

Тема в разделе "Google", создана пользователем Zivler, 25 фев 2021.

25.02.21 в 22:15
01.08.21 в 14:20
10
910
0
  1. TopicStarter Overlay
    Zivler

    Команда форума VIP Кинотрафик v2

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

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

    Данияр Посетитель

    Регистрация:
    17 май 2018
    Сообщения:
    55
    Лучших ответов:
    0
    Рейтинги:
    +11 / 1 / -0
    Lazyload поможет)
     
    • Нравится Нравится x 1
  3. TopicStarter Overlay
    Zivler

    Команда форума VIP Кинотрафик v2

    Регистрация:
    23 янв 2016
    Сообщения:
    1.535
    Лучших ответов:
    7
    Рейтинги:
    +676 / 145 / -0
    Спасибо, но блин, сложно и не понятно. Что гуглить, не подскажешь?
     
  4. Данияр

    Данияр Посетитель

    Регистрация:
    17 май 2018
    Сообщения:
    55
    Лучших ответов:
    0
    Рейтинги:
    +11 / 1 / -0
    Вот: Use lazysizes to lazy-load images
    Тут написано про изображение но на фрейм тоже работает
     
    • Нравится Нравится x 1
  5. volkod

    Кодер PRO Users

    Регистрация:
    15 окт 2016
    Сообщения:
    97
    Лучших ответов:
    0
    Рейтинги:
    +45 / 0 / -0
    #5 volkod, 26 фев 2021
    Последнее редактирование: 26 фев 2021
  6. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    в DLE 14,1 есть уже lazyload
    В настройках изображений включить "Отложенная загрузка изображений" и заменить src на data-src. Если не сработает, то нужно будет смотреть как выводится плеера на сайте.

    для ранних версий для iframe DLE - Ленивая загрузка (lazyload) img, video, source, iframe в dle 13.2
     
    • Нравится Нравится x 1
  7. Naussan

    Naussan Зелёный

    Регистрация:
    10 июл 2021
    Сообщения:
    9
    Лучших ответов:
    0
    Рейтинги:
    +0 / 1 / -0
    Оптимизация так ещё морока.
     
  8. MIKE_FM

    MIKE_FM Местный

    Регистрация:
    27 дек 2015
    Сообщения:
    1.884
    Лучших ответов:
    2
    Рейтинги:
    +370 / 43 / -0
    Мне не особо помог этот lazyload. Всё равно скорость хромает.
     
  9. wawe

    PRO Users

    Регистрация:
    23 янв 2017
    Сообщения:
    3.549
    Лучших ответов:
    6
    Рейтинги:
    +1.574 / 404 / -0
    Шаблон. Это основное.
    Остальные приблуды - это мелочи.
     
  10. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    не совсем. оптимизация контента тоже, в частности изображений! зачем загружать страницу по 10Мб, когда она может весить 200Кб? Разница трафика ощутима, особенно когда используешь лимитированный трафик мобильный!
     
  11. MIKE_FM

    MIKE_FM Местный

    Регистрация:
    27 дек 2015
    Сообщения:
    1.884
    Лучших ответов:
    2
    Рейтинги:
    +370 / 43 / -0
    Метрика и Аналитика пздц грузят сайт. Как ни странно - Гугл ругается на свои же сервисы :)
     
Яндекс.Метрика