Как оптимизировать сайт на wordpress?

вопрос следующий:
на главной странице есть вставка видео с ютуба через iframe. В следствии этого тест gtmetrix очень ругается на то, что ютуб подгружает скрипт почти на 1мб. Сайт сделан на WP, подключал разные плагины для lazy-load и тд - всё равно этот скрипт подгружается и gtmetrix людо негодует на него. В google page speed первая проблема - сократите время ответа сервера. Подозреваю, что по той же причине. Помогите как можно решить эту проблему! Заранее благодарю
  • Вопрос задан
  • 471 просмотр
Пригласить эксперта
Ответы на вопрос 7
OtshelnikFm
@OtshelnikFm Куратор тега WordPress
Мои работы: otshelnik-fm.ru
Я делал так: плеер верстал сам (картинка, на ней большая кнопка воспроизведения по центру). Картинка с ютуб ролика тянется. Скрипты нет. По клику на кнопку воспроизведения запускается модальное окно - в нем ролик воспроизводится. Вот после клика все скрипты и грузиться начинают.

Почему картинку тянул с ютуба, а не со своего сервера? Я так чекаю доступность видео. Часто бывает правовладельцы заставляют убирать контент и бывало заходишь на страницу - а ролик удален. Таким образом я себе на почту автоматически отправляю письмо если картинка вернула мне 404 ответ. Просто нахожу похожий ролик на ютубе и заменяю ссылки (это я о трейлерах к фильмам)
Ответ написан
Сохранить видео к себе на сервер.
Включить кеширование.
Ответ написан
@jamtuson
Подмените iframe картинкой, а ссылку у iframe уберите вовсе.
Как загрузится сайт, то скрываете картинку и вставляете в src ссылку на видео(ссылку можно хранить в data-attr)
Ответ написан
Загрузите страницу полностью, а потом уже показывайте видео!
Т.е. не просто lazy, а с отсрочкой пока документ полностью не загрузится.
Ответ написан
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
1. Запуск видео - только после полной загрузки всех ресурсов страницы.
2. Используйте API Youtube для полного управления загрузкой ролика и его воспроизведением.
Ответ написан
Dizer7
@Dizer7
Создание сайтов wordpress
Нужно подключать кеширование и сжатие скриптов.
Например, можно использовать такие связки плагинов (нужно их тестировать и выбрать самую подходящую):
1) Clearfy PRO + WP Fastest Cache Premium
2) Clearfy PRO + WP Rocket + Rocket lazy load
3) Clearfy PRO + Autoptimize
Ответ написан
Таймаутом подгружайте iframe к примеру через 3-4 секунды, до этого можно показывать картинку. Этого времени должно хватить, чтобы тестировщики завершили свои тесты, и выдавали хорошие показатели. Мы делали так погрузку скриптов, контент подгружался от действий пользователя (скролл, сдвиг курсора а области документа, клик, тач) либо через 3 секунды просто подгружался. Метод не очень, но у нас сайт полностью на аякс, поэтому решение было лучшим.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы