Есть ли шанс у веба стать по-настоящему универсальной платформой для всех типов устройств

Максим Сальников

• Организатор Mobile / Web / PWA митапов в Осло и Лондоне

• Организатор конференций Mobile Era и ngVikings в Скандинавии

• Ответственный за поток о веб-разработке 404fest в Самаре

Ответственный за успех Azure-разработчиков в Microsoft

@webmaxru

Мобильная платформа:

• Требуется как минимум две команды разработчиков

• Существующие решения для кросс-платформенной разработки — вынужденный компромисс

• Бойкот магазинами приложениям, построенным с помощью шаблонов и конструкторов

Разработка приложений

• Около 2/3 приложений не были установлены ни разу

• Более половины пользователей устанавливает 0 (ноль) приложений в месяц

• Более 90% доходов на этом рынке делят менее 1% его участников

Магазины приложений

А если попробовать веб?

1. The World Wide Web is the New Software Platform

2. The Web Browser is the New Operating System

3. JavaScript is the de facto Programming Language of the Web 

Chris Anderson, Wired, 2010

As much as we love the open, unfettered Web, we're abandoning it for simpler, sleeker services [native apps] that just work

The biggest mistake we’ve made as a company is betting on HTML5 over native.

Каков веб сегодня?

Веб – отличная платформа для приложений

• Почти на каждом устройстве с UI

• Автообновляемые

• API для доступа к аппаратным ресурсам

• API для аутентификации и платежей

https://whatwebcando.today

JavaScript

Браузеры

• Разносторонний язык

• Мощный инструментарий

• Поступательно развивается в правильном направлении

Веб – отличная платформа для приложений

JavaScript

Движки JS

Браузеры

• Курс на производительность

• Возможности встраивания

Веб – отличная платформа для приложений

JavaScript

Движки JS

Интерфейсы

Браузеры

• Удобные инструменты для создания адаптивных интерфейсов

• Повышенное внимание доступности

• Разнообразие высококачественных библиотек компонентов

Веб – отличная платформа для приложений

Сообщество

JavaScript

Движки JS

Интерфейсы

Браузеры

Веб – отличная платформа для приложений

Сообщество

JavaScript

Движки JS

Интерфейсы

Браузеры

Проблемы?

• Завязан на состояние подключения к сети

• Зажат рамками браузера, приложения не выходят на уровень ОС

Веб – отличная платформа для приложений

Аудитория / Лояльность

https://www.comscore.com/Insights/Presentations-and-Whitepapers/2017/The-2017-US-Mobile-App-Report

Еще одно определение PWA

https://developer.mozilla.org/en-US/Apps/Progressive

Новые преимущества?

работают везде*

нативно

Отличные JS-to-Native фреймворки

Поддержка со стороны фреймворков

• create-react-app

• preact-cli

• polymer-cli

• vue-cli

• angular-cli

https://workboxjs.org

https://www.pwabuilder.com​

https://webhint.io

https://appsco.pe

PWA "Store"

Трудности?

https://developers.google.com/web/updates/2018/06/a2hs-updates

Изменения спецификаций

https://techcrunch.com/2018/03/13/firefox-can-now-block-those-annoying-notification-requests​

Настороженность к нововведениям

https://tomayac.github.io/pwa-feature-detector/

Уровень поддержки стандартов

Отсутствие дорожной карты

Отсутствие дорожной карты

Истории успеха

• 3% размера Android-версии

• 70% экономия трафика 

• 65% больше страниц за сессию

• 75% больше отправленных твитов

Twitter Lite

• Приложение весит всего 50k (gzipped) и загружается менее чем за 3 секунды в 2G-сетях

m.uber

• 17% увеличение конверсии

• 8% увеличение конверсии сохраненных корзин через push-уведомления

Lancome

• Starbucks

• Tinder

• Google Maps & Search

• AliExpress

• Instagram

• Pinterest

• Forbes

• ...

Множество других примеров...

https://www.pwastats.com

Ближайшее будущее

https://www.gartner.com/doc/3645344/progressive-web-apps-impact-mobile

Gartner:

https://go.forrester.com/blogs/17-01-25-reinvent_the_web_to_win_the_mobile_moment/​

Forrester:

Maxim:

Спасибо!

@webmaxru

Максим Сальников

Есть вопрос?