Рубрики
Live

96 LIVE: Как вставить код YouTube, чтобы сайт не тормозил

В этом эфире мы покажем метод вставки кода с плеером YouTube, чтобы сайт не тормозил по скорости загрузки.

Антон расскажет и покажет, как он работает, что надо учесть и какие есть нюансы.

Алексей расскажет про видео в первом экране, как преимущество перед конкурентами. И спросит у Антона всё про то, как надо вставить это видео, чтобы минимизировать нагрузку на основной поток загрузки страницы.

96: Как вставить YouTube, чтобы сайт быстро загружался
Отложенная загрузка плеера YouTube (Ютуб) для быстрой загрузки сайта

HTML код для обработки YouTube от Антона можно получить по ссылке — https://pay.loading.express/ob/ord/youtube.

  • 0:40 – С вами Алексей и Антон, и мы начинаем!
  • 7:11 – Кратко о сегодняшнем эфире
  • 8:20 – Благодарность от зрителей: «Ребята, Ваши решения работают! Спасибо! Сайт вылез из красной зоны и приблизился к зеленой!»
  • 9:40 – Видео на главном экране работает только в 5% из всех случаев
  • 11:54 – Почему наличие видео на сайте не делает вас отличным от конкурентов
  • 13:20 – Стоит ли перенимать чужие наработки или как сделать сайт привлекательнее
  • 14:15 – Тестируйте и узнавайте желание пользователей. Школа анализа UX – User Experience (поведение пользователя) для повышения конверсии https://xn—-7sbhmpgbcgxge3ao7g.xn--p1ai/
  • 16:11 – Как ускорить загрузку видео на главной странице сайта
  • 17:00 – Оптимизировать YouTube через: HTML-теги, сжатие видео, звуковую дорожку и длительность видео, подробнее о сжатии — 19:25
  • 17:44 – Какая длительность видео сейчас считается самой оптимальной
  • 20:08 – Отложенная загрузка видео на экране в зависимости от версии сайта
  • 21:55 — Почему даже 200 мс. отложенной загрузки играет роль
  • 23:20 – Вопрос из зала: «Не являются ли ваши решения по отложенной загрузке JS — как временный костыль, который PageSpeed рано или поздно пофиксит?Ведь по факту страницы так и остаются тяжелыми, хоть и с отложенными JS»
  • 27:40 – Скрипты аналитики могут сломать сайт. О важности setTimeOut
  • 29:16 – Зрители спрашивают: «При применении этого скрипта на яндекс метрику она перестала учитывать многих посетителей. Время отложения ставил 50 миллисекунд»
  • 31:16 – Отвечаем на вопрос: «У меня такая ситуация, метрика, гугл аналитика, roistat поставил ваш скрипт данные не проходят, поставить 100 мс все верно?»
  • 31:53 – Рекомендации, как правильно проставлять таймауты для сервисов
  • 33:19 – Как отслеживать конверсию сайта
  • 35:27 – Почему YouTube тормозит
  • 36:32 – Как предотвратить долгую загрузку видео от YouTube
  • 37:27 – Вопрос из зала: «Есть закрытые для индексации статьи: meta name=»robots» content=»noindex,nofollow». В них ускорение не делали. Учитывает ли их PageSpeed при формировании данных наблюдений (Origin Summary) за 30 дн?»
  • 38:50 – Комментируем вопрос из зала: «Гугл рекомендует загружать сайты за 3 сек. Вы рекомендуете откладывать загрузку тех же чатов на 5 и более сек. Это не противоречит рекомендации Гугл о загрузке сайтов за 3 сек или это разные вещи?»
  • 40:47 – Ответ на вопрос: «То есть метрику лучше ставить в самый верх (чтобы была первой в очереди) и с таймаутом?»
  • 42:36 – Вопрос из зала: «Подскажите, если jquery подгружается в самом начале, как его отложить? И вообще он нужен?»
  • 44:21 – Разбор стандартного кода с оптимизацией для улучшения скорости прогрузки видео, подробнее как код работает на самом сайте – 46:36
  • 47:59 – Что делать при наличии нескольких проигрывателей видео
  • 52:20 – Как использовать готовые скрипты для своего сайта
  • 55:50 – Отвечаем на вопросы: «Миниатюра для youtube-видео откуда берется и с какого временного промежутка? Можно сместить по времени миниатюру?»
  • 56:17 – Вопрос: «Алексей, по поводу школы конверсии что вы говорили? Вы обучаете или или можно заказать повышение конверсии?». Подробнее – 57:44 ссылка на школа-конверсий.рф
  • 57:20 – Вопрос из зала: «Можете сделать для своих скриптов страницу, где будут ссылки на покупку всех скриптов?» Сделано — https://pagespeed.loading.express/scripts
  • 1:00:30 – Комментарий из зала: «Допустим есть видео, на миниатюре треш какой-то»
  • 1:00:58 – Можно ли поставить свою миниатюру в YouTube видео
  • 1:07:20 – Итожим и прощаемся!

Пакет скриптов для ускорения вашего сайта:

Пакет наших наработок по этой ссылке: https://pagespeed.loading.express/scripts

Автор: Алексей

Маркетолог в ax.digital и в loading.express. Трехкратный отец.