Twitter Lite PWA значительно повышает вовлеченность и сокращает использование данных

Детали Твиттера

Твиттер — это платформа, позволяющая узнать, что происходит в мире. У него 328 миллионов активных пользователей в месяц по всему миру, которые потребляют, создают и делятся информацией. Поскольку более 80% пользователей используют мобильные устройства, Twitter хотел, чтобы их работа в Интернете была быстрее, надежнее и интереснее. Прогрессивное веб-приложение Twitter Lite сочетает в себе лучшее из современного Интернета и встроенных функций. В апреле 2017 года он стал стандартным мобильным веб-интерфейсом для всех пользователей во всем мире. Twitter разработал Twitter Lite, чтобы обеспечить более надежный интерфейс с четкими целями по мгновенной загрузке, вовлечению пользователей и снижению потребления данных.

  • Увеличение количества страниц за сеанс на 65 %
  • Увеличение количества отправленных твитов на 75 %
  • Снижение показателя отказов на 20 %

Twitter Lite теперь является самым быстрым, дешевым и надежным способом использования Twitter. Веб-приложение конкурирует по производительности с нашими собственными приложениями, но требует менее 3% дискового пространства устройства по сравнению с Twitter для Android.

Николас Галлахер, руководитель разработки Twitter Lite

Увеличение вовлеченности с помощью подсказки «Добавить на главный экран» и веб-push-уведомлений.

Веб-сайт Twitter охватывает миллионы пользователей, но традиционно было сложно повторно привлечь пользователей к мобильному Интернету. После внедрения подсказки «Добавить на главный экран» с просьбой к пользователям сохранить Twitter Lite на свои домашние экраны, в Твиттере ежедневно 250 000 уникальных пользователей запускали Twitter Lite с главного экрана в среднем 4 раза в день.

Twitter реализовал веб-push-уведомления, которые работают так же, как и в собственных приложениях, и приходят, даже если браузер пользователя закрыт. Реализация доставляет более 10 миллионов push-уведомлений в день.

Снижение потребления данных

Twitter Lite по умолчанию использует меньше данных, обслуживая меньшие медиаресурсы и максимально полагаясь на кэшированные данные. PWA также оптимизирует изображения, помогая сократить потребление данных на целых 70 % при прокрутке пользователями своей временной шкалы. Режим экономии данных помогает пользователям сохранять еще больше мобильных данных, предоставляя им контроль над загрузкой мультимедийных ресурсов Twitter Lite.

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

Пользователи Twitter Lite получают выгоду от экономии потребления данных; PWA занимает всего 600 КБ по проводу, тогда как для установки собственного приложения Android требуется 23,5 МБ загружаемых данных.

Почти мгновенная загрузка с помощью сценариев Service Worker.

Первая загрузка Twitter Lite в сетях 3G на большинстве устройств занимает менее 5 секунд, а последующие загрузки происходят почти мгновенно, даже в нестабильных сетях. Приложение передает первоначальный ответ HTML в браузер, отправляя инструкции по предварительной загрузке критически важных ресурсов. Ресурсы разбиваются на детальные части, поэтому для начальной загрузки требуются только те ресурсы, которые необходимы для видимого экрана. Сценарий сервисного работника кэширует дополнительные ресурсы, обеспечивая быстрый переход к другим экранам.

На мобильные устройства приходится более 80% использования Twitter, при этом многие пользователи Twitter Lite заходят на сайт через сети 2G или 3G. Быстрое взаимодействие с пользователем при первой загрузке и последующих просмотрах имеет важное значение для того, чтобы пользователи могли просматривать и создавать твиты как можно быстрее. Twitter внедрил интеллектуальные стратегии загрузки, такие как сервисные работники и части шаблона PRPL (Push, Render, Pre-cache и Lazyload), чтобы значительно сократить время загрузки для обоих действий. Повторные посещения происходят практически мгновенно благодаря сервисному работнику, кэширующему текущие просмотры, обновления каналов, уведомления, сообщения и настройки. Пользователи Twitter Lite отмечают сокращение времени задержки до интерактивного взаимодействия на 50 % в 99-м процентиле, а у вошедших в систему пользователей среднее время загрузки сокращается на 30 %.

Twitter принял поэтапный подход к использованию сервисных работников для обеспечения устойчивости сети и автономного режима, начиная с настраиваемой автономной страницы, отображаемой всякий раз, когда сетевое соединение недоступно. Затем они перешли на автономное кэширование статических ресурсов, таких как CSS, изображения и пакеты JavaScript, чтобы ускорить повторные посещения. Наконец, они добавили поддержку автономного кэширования оболочки своего приложения . Результат: Twitter Lite загружается менее чем за 3 секунды, когда пользователь возвращается к PWA, даже на медленных мобильных устройствах или в сетях.

Дальнейшее чтение