Прогрессивные веб-приложения: будущее веб-разработки?

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

Service worker , также иногда называемый просто «SW», кодируется как независимый сценарий, который работает вместе с традиционными страницами и сценариями веб-сайтов, но имеет новые интересные функции по сравнению с обычными сценариями JavaScripts, которые можно найти на веб-сайтах в Интернете.

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

Зачем использовать прогрессивные веб-приложения?

• Повышение скорости по сравнению со скоростью веб-сайтов и мобильных приложений
• Уменьшить размер страницы
• Автономная функциональность
• Доступ к определенному аппаратному устройству
• Всплывающие напоминания
• Добавить на домашний экран

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

Повысьте скорость и коэффициент конверсии

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

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

Например, сайт Housing.com стал на 30% быстрее загружать страницы с момента внедрения своего прогрессивного веб-приложения и сценария сервис-воркера , и базируется в Индии, что дает отличные результаты, поскольку большинство их посетителей просматривают страницы из сетей 3G, и любое увеличение скорости таким образом довольно важно.

Другой пример - Konga, ведущий нигерийский ритейлер электронной коммерции, у которого более 60% посетителей просматривают сайты из медленных сетей 2G, и, таким образом, сократив время загрузки страницы, они не только значительно увеличили свою конверсию и показатель отказов, но и что не менее важно, они погрузили своих соперников в глубокий сон.

Уменьшить размер страницы

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

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

Также можно просто позволить работнику службы сохранять уже посещенные страницы, но поскольку загрузка кеша никоим образом не видна пользователю, имеет смысл просто позволить пользователю загрузить все.

На данный момент некоторые компании сообщают, что с установленным сервисным работником размеры страниц были уменьшены до 90%.

Автономная функциональность

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

Хотя не каждому веб-сайту нужен полноценный автономный режим, простое добавление автономного экрана, как это сделала Opera, увеличит шансы того, что пользователи останутся на странице при потере доступа в Интернет во время просмотра.

Сравнивая автономное сообщение в браузерах по умолчанию с настроенным автономным сообщением, созданным Opera ниже, вы почувствуете разницу:

Функционал офлайн-сайта Opera

Автономная страница по умолчанию в Chrome

Доступ к определенному аппаратному устройству

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

Хотя разработка мобильных приложений всегда будет актуальной для определенных типов предприятий и продуктов, сегодня в сети уже появился ряд прогрессивных веб-приложений, которые предлагают опыт мобильного приложения с простотой использования и установки, которую могут предложить веб-сайты.

Но учитывая, что самой технологии на момент написания статьи всего около года (она была разработана в конце 2015 года), и у нее есть много возможностей стать самой популярной технологией, частью которой захочет стать каждый владелец малого бизнеса.

Всплывающие напоминания

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

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

Пока что Jumia, африканский сайт электронной коммерции, добился больших успехов с прогрессивными веб-приложениями и push-уведомлениями. Они сообщают, что коэффициент конверсии их заброшенных тележек для покупок в 9 раз выше, чем при их традиционном способе отправки электронных писем пользователям с вопросом, хотят ли они купить то, что у них есть в заброшенных тележках. Jumia также отметила 38% открываемости push-уведомлений, что, надо сказать, весьма впечатляет.

Добавить на домашний экран

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

Вот как это выглядит, когда вы заходите в The Washington Post со своего телефона в Chrome или Opera.

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

Вывод

Не каждый веб-браузер пока поддерживает прогрессивные веб-приложения и сервис- воркеров, но, возможно, это всего лишь вопрос времени. Microsoft с Internet Explorer была довольно расплывчатой ​​в своем будущем внедрении технологии, возможно, ожидая увидеть, будет ли это всего лишь недолгой тенденцией, или это произведет революцию в Интернете, каким мы его знаем.

Apple и Safari добавили совместимость сервис- воркеров в свою 5-летнюю дорожную карту, так что еще есть время, чтобы это произошло, хотя они вполне могли бы поставить эту технологию на первое место в списке, как только увидят положительное влияние сервиса. рабочие есть.