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

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

Теги
Лонгриды для вас
Лучший сервис Google, или за что я люблю «Google Фото»

Сколько себя помню, я всегда пользовался сервисом «Google Фото». Не сказал бы, что поначалу особенно разбирался в особенностях его работы, тем более что мне хватало одной только возможности хранить в облаке неограниченное количество фото и видео в высоком качестве. Тогда никто, кроме Google, ничего подобного не предлагал, поэтому сервис поискового гиганта был в каком-то смысле уникальным продуктом, который – что немаловажно – был ещё и бесплатным. Однако со временем я начал углубляться в его особенности и понял, что он может гораздо больше, нежели просто хранить в облаке мои фотки.

Читать далее
Google выпустила аналог TikTok с лайфхаками для Android

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

Читать далее
Что делать, если перестал работать WhatsApp

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

Читать далее

Новый комментарий