YouTube PWA: удобство для пользователей

Мало кто знал, что Youtube заново изобрел себя как PWA еще в 2019 году, после успешного запуска Youtube Music PWA. Поскольку еще одно веб-приложение в экосистеме сайтов Google становится прогрессивным веб-приложением, потенциал PWA еще раз усилился. Ниже приведены ожидания от способности PWA повышать производительность, а также приносить прибыль в обмен на веб-сайты всех видов, особенно в электронной коммерции. На этот раз мы говорим о Youtube PWA.

Какова история принятия PWA крупнейшей социальной платформы для длинных видео?

За одно впечатляющее десятилетие Youtube сделал свой прыжок веры, собрав свою империю с 1 до 1 миллиарда просмотров. И с тех пор, наряду с 15-летней историей, Youtube становится королем онлайн-видеоплатформы.

С 2,2 миллиардами пользователей в месяц, которые ежедневно часами просматривают видеоконтент, Youtube также является второй по популярности поисковой системой после Google. Это то место, куда мы все идем и находим свое собственное племя, к которому мы принадлежим, присоединяемся к движению и создаем влияние, которое длится онлайн и офлайн.

Youtube позволяет создателям контента легко распространять свои творения среди огромной аудитории, и это объясняет, почему на Youtube есть все для всех. От крафта и стриминга до обзоров красоты, еды, политики и многого другого. Это беспроигрышный вариант как для пользователей (создателей и зрителей), так и для Google.

После введения нового термина Progressive Web App команда Google проделала потрясающую работу, информируя и направляя других разработчиков, а также пользователей к мастерству PWA.

Многие известные бренды совершили свой первый инновационный скачок с помощью разработчиков Google, таких как Twitter, запустивший свое крупнейшее в мире PWA в 2018 году. Вскоре после этого Google Photos стал следующим, доступным как PWA, как и остальные сервисы Google, а именно Google Drive, Google Travel и Google Maps.

В 2019 году, как объяснила команда, Youtube хочет предоставить своим премиум-пользователям доступ в качестве PWA, чтобы использовать платформу в любом месте и в любое время, даже при низкой производительности сети. PWA применяет современные веб-возможности, чтобы сделать работу веб-приложения максимально похожей на нативное приложение, а страницы на вкладках браузера могут работать как иммерсивные высокоуровневые приложения.

Пользователи Chrome также могут использовать Youtube PWA, если хотят добавить приложение на главный экран и использовать его не более чем настольное приложение. Помимо этого, ключевые функции, такие как автономный просмотр, недоступны, поскольку это настолько минимально, насколько это возможно для PWA Youtube с открытым исходным кодом.

Согласно различным отчетам, поскольку PWA открывает пространство для многих новых технологических достижений, переход на PWA помогает Google внести значительные улучшения в одну из своих флагманских платформ.

Похожие сообщения:

Сколько стоит разработка PWA, такого как Starbucks PWA?

Alibaba PWA: победа с прогрессивным веб-приложением

Pinterest PWA: правильное повышение производительности мобильных устройств

Достижения Youtube PWA на данный момент

YouTube PWA расширяет возможности премиум-пользователя

Youtube PWA был создан для обеспечения захватывающего видео для премиум-версии независимо от того, какая платформа, устройство, качество сети или форма видео отображаются.

Нет другого способа посмотреть видео на Youtube, когда вы не в сети, если вы не загрузите приложение Android в Chrome OS. Но ситуация изменилась навсегда с PWA: пользователи премиум-класса могут настраиваться где угодно, когда угодно и с любого устройства, которое у них есть, для просмотра видео в автономном режиме.

Создание приложения по умолчанию для беспрепятственного доступа

Чтобы достичь этого, разработчики из Google сказали, что они многому научились и поэкспериментировали, чтобы Youtube получил PWA с еще более плавным пользовательским интерфейсом, включая безопасное автономное воспроизведение, чтобы вызвать приключение в любое время.

На Youtube лежал сервис-воркер⁠ для push-уведомлений⁠, но ему не хватало обработчика fetch⁠. Что касается сайта, после которого может произойти сбой, команда разработчиков искала альтернативное решение, чтобы создать сервис-воркер без операций с возможностью конвертировать пользователей обратно на сайт по умолчанию, похожий на браузер.

С этими постоянными небольшими изменениями команда Youtube хотела, чтобы пользователи постоянно имели доступ к последней версии, поэтому PWA может помочь с обслуживанием прямо из исходной сети и кэшированием обратно только при необходимости.

Чтобы сервис-воркер не отвлекал и не отвлекал, они выполняют кэширование в первую очередь в сети и используют предварительную загрузку навигации⁠. Принимая во внимание поломки, команда разработчиков также настроила мониторинг⁠ сервис-воркер.

Эксперименты с PWA на Chromebook

Команда Youtube выбрала пользователей Chromebook как идеальных кандидатов для тестовых прогонов. Поскольку все они оснащены новейшими API, они будут получать прямую обратную связь от реальных пользователей об обновлениях. Эти запуски также служат этапом адаптации PWA для конечных пользователей, начиная с простых функций, таких как:

• Новые интеллектуальные сенсорные жесты для поддержки действий с мышью и клавиатурой
• Ускорьте воспроизведение с помощью двойного нажатия
• Голосовой поиск
• Интеграция Web Share⁠, ярлыков приложений⁠ и декларативного захвата ссылок⁠ для включения дополнительных функций PWA

YouTube TV предлагает постоянным зрителям установить прогрессивное веб-приложение

Если вы посетите tv.youtube.com, вы узнаете, что в омнибоксе Chrome есть кнопка «плюс». Как и любые другие PWA, можно включить подсказки, чтобы побудить пользователей узнать больше о возможностях PWA. И вы знаете, что на телевизоре печатать труднее, поэтому, установив приложение один раз, вы сэкономите время и не только.

Youtube TV PWA это знает, и подсказывает знакомой аудитории синюю кнопку «Установить приложение» в углу системного диалога. У пользователей всегда есть возможность отозвать приглашение, но в долгосрочной перспективе желающих это сделать будет меньше.

В новой версии PWA для домашних экранов вы больше не увидите адресную строку вместе с другим пользовательским интерфейсом браузера, когда просмотр расположен выше. Кроме того, доступен индикатор местоположения переполнения, сигнализирующий о типе выполняемого контента.

Похожие темы:

Uber PWA: идеальный пример для прогрессивного веб-приложения

WordPress PWA: все, что вам нужно знать

Twitter PWA: откройте для себя его захватывающие функции

Часто задаваемые вопросы о Youtube PWA

1. Есть ли на Youtube PWA?

Да. После успешного внедрения Youtube Music PWA, Youtube выпускает свою версию PWA в 2019 году на Chromebook, а премиум-пользователи могут использовать больше своих эксклюзивных функций в автономном режиме.

2. Что такое PWA на Youtube?

Youtube PWA использует технологию PWA для создания более полезных и удобных функций по умолчанию для пользователей. Предназначенная для того, чтобы частым зрителям было проще пользоваться Youtube, версия PWA предлагает пользователям с помощью всплывающего окна добавить веб-страницу Youtube на главный экран. Таким образом, пользователям больше не нужно обновлять приложение, и они автоматически получат последние улучшения от Google.

3. Как добавить Youtube PWA?

Обычно пользователям Chrome будет предлагаться значок плюса в омнибоксе, чтобы щелкнуть и просто добавить Youtube PWA на главный экран и использовать его как приложение. Это не то же самое, что популярная опция «Установить» в дополнительном меню в Google Chrome, как раньше.

После завершения процесса «установки» пользователи увидят знаменитый красный логотип воспроизведения и название Youtube в панели запуска приложений. Теперь они могут открывать Youtube в полноэкранном режиме, не видя рядом адресной строки. Элементы пользовательского интерфейса больше напоминают родное настольное приложение, а закрепленная на полке функция мгновенно предоставляет доступ пользователям.

4. Является ли Youtube Music PWA?

Создав множество известных запусков PWA для крупных брендов, Google начал создавать и делать свои собственные приложения доступными в качестве PWA, включая YouTube Music PWA. После 15-месячного пробного периода внедрение стало еще одним успехом, и вскоре после этого их флагманская платформа Youtube стала следующей.

5. Как работает Youtube PWA?

В целом, Youtube PWA не сильно отличается от старой веб-версии, самая большая разница в том, что вы начнете видеть всплывающее окно со ссылкой для мгновенной установки Youtube. Его внешний вид будет меняться в зависимости от конкретного веб-браузера, но все современные веб-браузеры поддерживают PWA. после установки Youtube будет работать в отдельном окне, как обычное приложение, а не на вкладке браузера.

Дополнительные примеры PWA:

Uber PWA: идеальный пример для прогрессивного веб-приложения

WordPress PWA: все, что вам нужно знать

Twitter PWA: откройте для себя его захватывающие функции

Ключевые выводы

Прогрессивное веб-приложение способно на множество инновационных улучшений, но поскольку Youtube PWA является минимальным внедрением, вы не видите всего, на что оно способно. Помимо использования в автономном режиме и поддержки функций, подобных приложениям, таких как установка домашнего экрана и push-уведомления, PWA также может ускорить загрузку вашего сайта до нескольких секунд и даже больше.

По сути, PWA имеет возможность разрабатывать значительно больше технических улучшений, поэтому Google хочет, чтобы Youtube был оснащен последними достижениями без ограничений, и у нас есть Youtube PWA. Об изменениях говорить особо нечего, но в целом опыт становится более плавным и разнообразным.

Если вы хотите узнать больше о том, что PWA может сделать конкретно для вашего сайта, свяжитесь с Tigren для бесплатной консультации. Мы являемся одним из ведущих агентств по разработке PWA, и мы здесь, чтобы предоставить вам разработку PWA премиум-класса, которая обещает высокую прибыль и прозрачную стратегию ценообразования, а также бесплатную поддержку.

Другие примеры использования PWA:

AliExpress PWA: повысьте коэффициент конверсии с помощью прогрессивного веб-приложения

Reddit PWA: как ведущие социальные сети используют веб-приложение