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

Уже несколько лет веб-приложения являются частью интернет-пространства, позволяя разработчикам натурально заставить свои сайты вести себя как приложения. Также внимательные пользователи могли заметить, что за последние два года в сети появилось новое поколение веб-приложений, получившее название 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-чате.

Теги
Лонгриды для вас
Мультяшная аватарка
Как на Android сделать мультяшное фото

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

Читать далее
WhatsApp
WhatsApp удалит ваш аккаунт, если вы не примете новое соглашение

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

Читать далее
МЦК
Как пользователи Android могут ездить на Московском метро и МЦК со скидкой

В России не очень широко распространены скидки за использование сервисов бесконтактной оплаты. По крайней мере, в сравнении с США и Европой, где за оплату тех или иных покупок при помощи Apple Pay, Google Pay и Samsung Pay пользователи платёжных сервисов регулярно получают какие-нибудь привилегии вроде скидок, кэшбека или подарков. Поэтому, когда что-то подобное устраивают в России, это сразу становится одной из важнейших новостей. Так было, когда Яндекс и Google разрешили пользователям Google Pay ездить на Яндекс.Такси за один рубль, и так случилось, когда Дептранс Москвы пообещал скидку на поездки в метро пользователям Samsung Pay, которые привяжут карту платёжной системы Мир.

Читать далее
Новый комментарий