Мобильное видео отличное. Когда это работает
При правильном использовании видео или аудио * не должны * не * влиять на скорость загрузки страниц на мобильном устройстве, и при нажатии кнопки воспроизведения они должны запускаться быстро и работать нормально.
Видеоконтент стоит на повестке дня многих брендов. Это отличный способ привлечь клиентов и посетителей, но при просмотре на мобильных устройствах, особенно с сотовой связью, видео (и в меньшей степени аудио) должно сопровождаться предупреждением о вреде для здоровья.
Пользователи становятся все более нетерпеливыми из-за медленной и медленной загрузки видео и начнут отказываться от видео после ожидания всего лишь двух секунд, показывают исследования UMass и Akamai.
В этой колонке, первой из трех частей, будет подробно рассмотрено, как и почему видео влияет на производительность страницы. Во второй части мы рассмотрим влияние автоматического воспроизведения видео и аудио на производительность страницы, а также то, что ухудшает качество просмотра (VX).
Наконец, мы рассмотрим, как обнаруживать, избегать и устранять неполадки, чтобы пользователи не выходили из сети.
Видео является огромным потребителем мобильных данных
Предоставление и потребление видео на мобильных устройствах через Интернет и приложения быстро растут. На мобильное видео уже приходится 60% общего трафика мобильной передачи данных по всему миру, и ожидается, что к 2021 году он составит 78%, согласно индексу Cisco Visual Networking Index (VNI).
Все остальные элементы будут расти в ближайшие пять лет, но их доля в общем трафике будет ниже. Аудио составит 5% по сравнению с 8% сегодня, а мобильный интернет – 14% по сравнению с 30% текущего трафика.
Неправильное или неэффективное использование видео и аудио повлияет на восприятие мобильного пользователя (UX) или, скажем так: «опыт зрителя» (VX) или «опыт слушателя» (LX), в широком смысле, но не обязательно так же, как негабаритные изображения и плохое или неэффективное использование JavaScript.
Изображения и JavaScript, как видно из предыдущих столбцов, являются основными причинами медленной загрузки мобильных веб-страниц. Как обсуждается ниже, видео все еще может влиять на размер страницы и, следовательно, задерживает загрузку страницы, особенно (кажется), где используется автозапуск, как мы увидим позже.
Но самое большое влияние на VX происходит после загрузки страницы, когда видео требуется время для запуска, сбоя или остановки.
Две диаграммы ниже взяты из HTTP-архива, который отслеживает размер страницы и скорость загрузки топ-1 миллиона домашних и настольных сайтов два раза в месяц, используя отличный WebPageTest ,
Первая диаграмма показывает разбивку типов контента по байтам (изображения, JavaScript, видео, таблицы стилей, HTML и шрифты) как среднее значение всех домашних страниц, записанных 15 апреля 2017 года.
Размер видео составляет 128 КБ или 5,5% от общего количества загруженных байтов (2312 КБ или 2,3 МБ). Это может показаться небольшим, пока вы не поймете, что 97% страниц, отслеживаемых HTTP-архивом, не имеют видеоконтента (мы рассмотрим эту удивительную статистику ниже).
Следовательно, на страницах с видеоконтентом будет отображаться более высокая доля видеоконтента.
На втором графике (снятом 15 апреля 2017 г.) показана разбивка контента домашней страницы американского цифрового агентства Huge. Здесь видеоконтент составляет 727 КБ или 14,5% от общего количества байтов. Общий вес страницы составляет 5 МБ, что является домашней страницей, достойной названия компании, и, по данным HTTP Archive, при измерении потребовалось 25,8 секунды для загрузки на мобильное устройство.
Справедливости ради следует отметить, что многие агентства (цифровые, медийные, рекламные и т. Д.) Имеют удивительно медленные сайты с большой нагрузкой (учитывая важность цифровых технологий для своего бизнеса), хотя Huge исключительно велик. Хороший пример – Янг и Рубикам. В ту же дату домашней странице Y & R потребовалось три секунды, чтобы загрузить 783 КБ на мобильное устройство (в другие даты это заняло девять секунд), согласно HTTP Archive.
Видео не должно влиять на размер загрузки страницы или скорость загрузки
По мнению экспертов, при правильной реализации видео (или аудио) не должно влиять на размер веб-страницы или скорость загрузки страниц на мобильном устройстве.
Даже когда видео присутствует на странице, для отображения страницы браузеру требуется только загрузить видео контейнер, изображение тизера, кнопку запуска и т. Д., Ему не нужно загружать полное видео (поскольку посетитель может не хочу это увидеть) вообще). Поэтому видео и аудио не должны составлять значительную долю контента, записанного HTTP Archive / WebPageTest, как мы увидим, когда будем смотреть на самые популярные сайты.
Сэм Даттон – адвокат разработчика в Google, предлагающий учебные материалы и семинары для техников, занимающихся мобильным видео. Он объясняет:
«Видео не является большой проблемой для загрузки страницы, так как в целом видео не должно быть частью стоимости загрузки веб-страницы.
«HTTP-архив измеряет количество загружаемых веб-страниц в байтах, а не общее количество байтов, пересекающих Интернет. Когда вы загружаете большинство веб-страниц, оно не загружает видео (но загружает изображения, HTML, CSS и JavaScript).
«Лучшие сайты с меньшей вероятностью, чем менее популярные сайты, требуют видео для загрузки страницы, так как (мы надеемся) лучшие сайты осознают пагубные последствия для веса страницы и (следовательно) скорости страниц. отскок и т. д. »
Это Часть 1 из серии, в которой рассказывается о том, как видео влияет на производительность мобильного Интернета и на удобство работы пользователей. Прочитайте следующий взнос: Как видео влияет на производительность мобильного Интернета и UX, часть 2: автозапуск и аудио.
