Рубрики
Live

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

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

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

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

96. Как вставить YouTube, чтобы скорость сайта не замедлилась?
Watch this video on 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. Трехкратный отец.