Почему скорость — это деньги
По данным Google, 53% посетителей с телефона уходят, если страница грузится дольше трёх секунд. В рекламе каждый такой посетитель — оплаченный клик, который не увидел даже первого экрана. Поэтому видео на сайте — всегда баланс впечатления и веса.
Пять вопросов подрядчику
Что человек видит, пока видео грузится?
Правильный ответ: кадр из этого же видео. Неправильный: чёрный экран или крутящуюся загрузку.
Сколько весит первый экран на телефоне?
Ориентир — пара мегабайт. Если больше пяти, на мобильном интернете многие не дождутся.
Есть ли отдельная версия видео для телефона?
На маленьком экране не нужно видео того же размера, что на мониторе. Лёгкая версия бывает в несколько раз меньше без видимой разницы.
Грузится ли всё сразу?
Видео нижних блоков незачем загружать, пока человек до них не долистал.
Что будет в режиме энергосбережения?
На айфоне в этом режиме видео само не запускается. Сайт должен показать кадр и спокойно работать дальше.
Как проверить самому
Откройте сайт на телефоне через мобильный интернет, а не через Wi-Fi. Если первый экран появился за пару секунд и ничего не прыгает — всё хорошо.
Для цифр есть бесплатный сервис Google PageSpeed Insights. Вставьте адрес и найдите показатель LCP — за сколько секунд появляется главный элемент первого экрана. Хорошо, если он укладывается в 2,5 секунды.
Примеры с видеофонами
Сайты с видеофонами, которые открываются быстро. Проверьте на своём телефоне.
Открыть сайт ↗NOCTA
ВидеопродакшнКинематографичные видеофоны и переход «в объектив» при прокрутке.
Открыть сайт ↗NEXA Studio
Event-продакшнМонументальная подача для B2B: сцены, цифры, методология.
Открыть сайт ↗Марк Одинцов
Креативный разработчик3D-сцены, туннель при прокрутке, шоурил и страницы кейсов.
Вопросы
Можно вообще без видео?
Можно. Часто хватает одного живого экрана, а остальное — фото и анимация. Видео ради видео не нужно.
Видео со звуком — хорошая идея?
Нет. Браузеры не включают звук без действия человека, а внезапный звук раздражает. Звук — только по кнопке.
Подойдёт ролик с YouTube на первом экране?
Как фон — нет: плеер тяжёлый и показывает свой интерфейс, а в России YouTube к тому же работает нестабильно. Для фона нужен свой короткий ролик без звука.
Проверим ваш сайт?
Пришлите ссылку в Telegram — посмотрю, как он грузится на телефоне, и скажу, что можно ускорить.