В этом эфире мы покажем метод вставки кода с плеером YouTube, чтобы сайт не тормозил по скорости загрузки.
Алексей расскажет про видео в первом экране, как преимущество перед конкурентами. И спросит у Антона всё про то, как надо вставить это видео, чтобы минимизировать нагрузку на основной поток загрузки страницы.
96: Как вставить YouTube, чтобы сайт быстро загружался
- 0:40 – С вами Алексей и Антон, и мы начинаем!
- 2:15 – Как получить скрипты и рекомендации по подключению YouTube
- 3:10 – Самые свежие выпуски, разборы, рекомендации и бонусы от LOADING.express по ссылке https://live.loading.express/
- 7:11 – Кратко о сегодняшнем эфире
- 8:20 – Благодарность от зрителей: «Ребята, Ваши решения работают! Спасибо! Сайт вылез из красной зоны и приблизился к зеленой!»
- 9:40 – Видео на главном экране работает только в 5% из всех случаев
- 11:54 – Почему наличие видео на сайте не делает вас отличным от конкурентов
- 13:20 – Стоит ли перенимать чужие наработки или как сделать сайт привлекательнее
- 16:11 – Как ускорить загрузку видео на главной странице сайта
- 17:00 – Оптимизировать YouTube через: HTML-теги, сжатие видео, звуковую дорожку и длительность видео, подробнее о сжатии — 19:25
- 17:44 – Какая длительность видео сейчас считается самой оптимальной
- 20:08 – Отложенная загрузка видео на экране в зависимости от версии сайта
- 21:55 — Почему даже 200 мс. отложенной загрузки играет роль
- 23:20 – Вопрос из зала: «Не являются ли ваши решения по отложенной загрузке JS — как временный костыль, который PageSpeed рано или поздно пофиксит?Ведь по факту страницы так и остаются тяжелыми, хоть и с отложенными JS»
- 25:55 – Скрипты с №93 эфира по оптимизации загрузки сайта
- 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 подгружается в самом начале, как его отложить? И вообще он нужен?»
- 43:08 – Демонстрируем скрипт подключения YouTube.
- 44:21 – Разбор стандартного кода с оптимизацией для улучшения скорости прогрузки видео, подробнее как код работает на самом сайте – 46:36
- 47:59 – Что делать при наличии нескольких проигрывателей видео
- 52:20 – Как использовать готовые скрипты для своего сайта
- 54:17 – Мониторинг сайта на скорость загрузки
- 55:50 – Отвечаем на вопросы: «Миниатюра для youtube-видео откуда берется и с какого временного промежутка? Можно сместить по времени миниатюру?»
- 56:17 – Вопрос: «Алексей, по поводу школы конверсии что вы говорили? Вы обучаете или или можно заказать повышение конверсии?». Подробнее – 57:44
- 1:00:30 – Комментарий из зала: «Допустим есть видео, на миниатюре треш какой-то»
- 1:00:58 – Можно ли поставить свою миниатюру в YouTube видео
- 1:07:20 – Итожим и прощаемся!
