Dismiss Notice
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

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

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

Discussion in 'Google' started by Zivler, Feb 25, 2021.

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

    Staff Member VIP Кинотрафик v2

    Joined:
    Jan 23, 2016
    Messages:
    1,731
    Best Answers:
    8
    Ratings:
    +762 / 175 / -0
    Приветствую. Ребят, такую проблему заметил. На сайте есть кнопка "Смотреть обзор от Кинопоиска", при нажатии на которую всплывает окно с плеером Ютуба с соответствующим роликом. Недавно решил проверить страницы сайта при помощи Google PageSpeed и получил 33 балла из 100. В отчёте выдаёт, что это из-за плеера Ютуба. И действительно, если убираю Ютуб-плеер, то оценка возрастает до 85 баллов. Поскольку плеер Ютуба на странице вызывается при нажатии на кнопку, то по сути его реально нет смысла загружать при загрузке страницы. Не подскажите способ отсрочить эту загрузку или в идеале вообще сделать чтобы загрузка происходила при нажатии только на эту самую кнопку? Плеер на странице реализован таким образом:

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

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

    Joined:
    May 17, 2018
    Messages:
    56
    Best Answers:
    0
    Ratings:
    +11 / 1 / -0
    Lazyload поможет)
     
    • Нравится Нравится x 1
  3. TopicStarter Overlay
    Zivler

    Staff Member VIP Кинотрафик v2

    Joined:
    Jan 23, 2016
    Messages:
    1,731
    Best Answers:
    8
    Ratings:
    +762 / 175 / -0
    Спасибо, но блин, сложно и не понятно. Что гуглить, не подскажешь?
     
  4. Данияр

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

    Joined:
    May 17, 2018
    Messages:
    56
    Best Answers:
    0
    Ratings:
    +11 / 1 / -0
    Вот: Use lazysizes to lazy-load images
    Тут написано про изображение но на фрейм тоже работает
     
    • Нравится Нравится x 1
  5. volkod

    Кодер PRO Users

    Joined:
    Oct 15, 2016
    Messages:
    97
    Best Answers:
    0
    Ratings:
    +45 / 0 / -0
    #5 volkod, Feb 26, 2021
    Last edited: Feb 26, 2021
  6. Ботяра

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    0
    Best Answers:
    54
    Ratings:
    +711 / 74 / -0
    в DLE 14,1 есть уже lazyload
    В настройках изображений включить "Отложенная загрузка изображений" и заменить src на data-src. Если не сработает, то нужно будет смотреть как выводится плеера на сайте.

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

    Naussan Зелёный

    Joined:
    Jul 10, 2021
    Messages:
    9
    Best Answers:
    0
    Ratings:
    +0 / 1 / -0
    Оптимизация так ещё морока.
     
  8. MIKE_FM

    MIKE_FM Местный

    Joined:
    Dec 27, 2015
    Messages:
    1,868
    Best Answers:
    2
    Ratings:
    +362 / 43 / -0
    Мне не особо помог этот lazyload. Всё равно скорость хромает.
     
  9. wawe

    PRO Users

    Joined:
    Jan 23, 2017
    Messages:
    3,557
    Best Answers:
    6
    Ratings:
    +1,581 / 410 / -0
    Шаблон. Это основное.
    Остальные приблуды - это мелочи.
     
  10. Ботяра

    Забанен

    Joined:
    Oct 10, 2015
    Messages:
    0
    Best Answers:
    54
    Ratings:
    +711 / 74 / -0
    не совсем. оптимизация контента тоже, в частности изображений! зачем загружать страницу по 10Мб, когда она может весить 200Кб? Разница трафика ощутима, особенно когда используешь лимитированный трафик мобильный!
     
  11. MIKE_FM

    MIKE_FM Местный

    Joined:
    Dec 27, 2015
    Messages:
    1,868
    Best Answers:
    2
    Ratings:
    +362 / 43 / -0
    Метрика и Аналитика пздц грузят сайт. Как ни странно - Гугл ругается на свои же сервисы :)
     
Яндекс.Метрика