Что такое «Прогрессивные веб-приложения» и почему вам стоит обратить на них внимание

Уже несколько лет веб-приложения являются частью интернет-пространства, позволяя разработчикам натурально заставить свои сайты вести себя как приложения. Также внимательные пользователи могли заметить, что за последние два года в сети появилось новое поколение веб-приложений, получившее название Progressive Web Apps (PWA). Многие разработчики (от Twitter до Google) уже перешли на этот новый формат. Но что же такое PWA и почему эти веб-приложения так стремительно набирают обороты?

Что такое Progressive Web Apps?

Проще говоря, Прогрессивные веб-приложения (Progressive Web App) — это более продвинутая версия сайта, предлагающая функции, которые пользователи обычно ассоциируют с приложениями. Вы можете получить доступ к PWA, посетив указанный URL-адрес (например, Twitter.com) или добавив PWA на свое устройство с указанного сайта или из магазина приложений. Для сравнения, традиционный сайт может быть доступен только через браузер.

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

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

Почему PWA лучше, чем традиционное веб-приложение?

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

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

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

Google также требует от разработчиков, чтобы весь контент в Прогрессивных веб-приложениях предоставлялся из безопасного источника (HTTPS), и таким образом гарантировал, что вы не столкнетесь с вредоносными программами или любым другим подозрительным контентом.

Поисковый гигант недавно также представил функциональность Trusted Web Activity в настольном Chrome, которая позволяет некоторым PWA работать без отображения пользовательского интерфейса браузера Chrome. Сейчас эта функция доступна только для «одобренных» Google разработчиков из соображений безопасности.

Сайты с Прогрессивными веб-приложениями

Некоторые из наиболее известных сервисов/компаний, использующих PWA, в настоящее время включают Flipkart, Instagram, Spotify, Telegram, Twitter и Uber. Все эти сайты в любом случае имеют полноценные приложения, но PWA означает, что у пользователей, которые не могут или не хотят устанавливать полноразмерные приложения, есть жизнеспособная альтернатива.

Google также внесла свой вклад в продвижение PWA, предлагая сериальную версию для приложений Google Карты, Google Фото и Сообщения для Android. Надеемся, мы увидим, как Google Play Music и Assistant пополнят этот список.

Другие известные сайты с PWA включают AliExpress, Flipboard, Pinterest, Starbucks, Tinder и Washington Post. Есть ли другие достойные внимания Прогрессивные веб-приложения, которые стоит попробовать? Дайте нам знать об этом в комментариях!

Делитесь своим мнением в комментариях под этим материалом и в нашем Telegram-чате.