Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии...
-
Upload
webcom-media -
Category
Internet
-
view
70 -
download
2
Transcript of Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии...
![Page 1: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/1.jpg)
bynetweek.byорганизатор
Next Generation Web@ bynetweek.by
Веб-технологии нового поколенияАндрей Липатцев, Google, Минск 2017
![Page 2: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/2.jpg)
Шеф, всё пропало!
![Page 3: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/3.jpg)
![Page 4: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/4.jpg)
В приложениях проводят больше времени...
vs13% 87%
Мобильный веб Приложения
Источник: comScore Mobile Metrix, U.S., возраст 18+, июнь 2015
![Page 5: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/5.jpg)
...но, в каких приложениях?
vs13%35%
Прочие
Развлечения(игры, радио, мультимедиа)
Соцсети и аськи
32%
20%Мобильный веб
Источник: comScore Media Metrix MP and Mobile Metrix, США., общая аудитория, июнь 2015
![Page 6: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/6.jpg)
Источник: comScore Mobile Metrix, U.S., возраст 18+, июнь 2015
Охват и вовлечённостьТоп 1000 приложений против топ 1000 мобильных веб-ресурсов
10,9
Уникальные посетители/месяц (миллионы)
3,3
Минуты/посетителя в среднем
Моб. вебПрил.
8,9201,8
![Page 7: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/7.jpg)
Веб обеспечивал охват
Вовл
ечён
ност
ь
Охват
![Page 8: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/8.jpg)
Теперь веб обеспечит и вовлечённость
Вовл
ечён
ност
ь
Охват
![Page 9: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/9.jpg)
«Хочешь я расскажу тебе сказку?» (с)
![Page 10: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/10.jpg)
Начинаем с поиска Смотрим категорию, выбираем...
![Page 11: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/11.jpg)
В наличии нет... Просим оповестить Получаем оповещения
![Page 12: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/12.jpg)
Нет связи! @#%@!!1 Только спокойствие! Дело-то житейское :)
![Page 13: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/13.jpg)
Получаем уведомление Добавляем в корзину Переходим в кассу Автоматический логин
![Page 14: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/14.jpg)
Профит!Заходим, когда пожелаемОплата одним нажатием Добавляем на экран
![Page 15: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/15.jpg)
Не верится?
![Page 16: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/16.jpg)
5 строчек кода! Чесслово!
![Page 17: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/17.jpg)
Скорость
Accelerated Mobile Pages
Но как?
![Page 18: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/18.jpg)
Скорость Глубина
Accelerated Mobile Pages
Progressive Web Apps
Но как?
![Page 19: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/19.jpg)
Скорость Глубина Конверсии
Accelerated Mobile Pages
Progressive Web Apps
Web Payments
Но как?
![Page 20: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/20.jpg)
Скорость Глубина Конверсии Возврат
Accelerated Mobile Pages
Progressive Web Apps
Web Payments
Credential Management
Но как?
![Page 21: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/21.jpg)
Proprietary + ConfidentialProprietary + Confidential
Proprietary + Confidential
Можно же так, но лучше ускориться
![Page 22: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/22.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
пользователей уходят с сайта, который грузится >3 секунд53%
Источник: https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/
![Page 23: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/23.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
99 проблем веб-бизнеса
2 Плохой осадок от мобильного веба
1 Закрытые модели дистрибуции
3 Монетизация контента
4 Скорость изменения технологий
5 Блокировщики рекламы
![Page 24: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/24.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Нужен план!
![Page 25: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/25.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
План такой:
2 Просто
1 Быстро
3 Мобильно
4 Открыто
5 Прибыльно
![Page 26: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/26.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Но как?!
2 Оптимизировать
1 Упростить
3 Кэшировать
![Page 27: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/27.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
профит AMP
![Page 28: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/28.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
● Открытый формат для простых страниц
● Доступ к AMP Cache для оптимизации скорости
● Дизайн и бизнесс-модель в руках хозяина
● Поддержка рекламы и аналитики
● Совместимость с основными браузерами
AMP, это что?
![Page 29: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/29.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
4x 10x быстрее меньше
данных
<1 секунды среднее время загрузки
![Page 30: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/30.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Реализация
![Page 31: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/31.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
HTML5(AMP HTML)
JavaScript(AMP JS)
CSS3(Кастомные стили)
Global Proxy Cache
(AMP Cache)
![Page 32: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/32.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
AMP-HTML
Рекламные доходы и аналитика
HTML
Ускорение с помощью AMP Cache
CMS
Как AMP работает
![Page 33: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/33.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Веб-сервер
Local copy of your assets
Без AMP cache С AMP cache
Веб-серверЛокальный
Локальный
Локальный
Локальный
Локальный
Локальный
Локальный
![Page 34: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/34.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Фичи: резиновый
2 Лучший размер медиа
1 Размер устройства
![Page 35: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/35.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
2 Нет вложенного скролла
1 Без кастомного JS (только в iFrame)
3 Не более 50 kB CSS
Фичи: не резиновый
![Page 36: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/36.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
Растущая поддержка
![Page 37: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/37.jpg)
Source: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non erat sem
-2% v = -2% запросов/пользователя
400ms быстрее = +9% трафика
Выше = больше просмотров
100ms выше = +1% оборота
5s выше = +25% просмотров, +7-12% оборота
37% выше = +70% мобильный оборот/пользователя
80% выше = +108% взаимодействие с рекламой
Скорость даёт результаты
![Page 38: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/38.jpg)
Обыкновенное чудо
![Page 39: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/39.jpg)
Быстрое начало с AMP... ...и увлекательноепродолжение с PWA
![Page 40: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/40.jpg)
Преимущества PWA
● Главный экран
● Пуш-уведомления
● Оффлайн-доступ
● Локальный кэш
![Page 41: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/41.jpg)
Как устроен Service Worker
Service WorkerПрокси на клиенте в
JavaScript
Веб-сервер
Кэш
Веб-сервер
По-старому
По-новому
![Page 42: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/42.jpg)
Кэш Service Worker для быстрой загрузки
<1 секвремя первой загрузки
и ещё быстрее для последующих
![Page 43: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/43.jpg)
… и даже в плохой сети и без неё
![Page 44: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/44.jpg)
![Page 45: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/45.jpg)
![Page 46: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/46.jpg)
Source: https://developers.google.com/web/showcase/2016/flipkart
возврат на сайт
Результаты Flipkart
3X большевремя на сайте
40% выше
70% большеконверсий среди перешедшихс иконки
![Page 47: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/47.jpg)
![Page 48: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/48.jpg)
Счёт, пожалуйста!
![Page 49: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/49.jpg)
Печтать на мблиньмо трудно
![Page 50: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/50.jpg)
66% Мобильных покупок – веб
...но конверсии отстают -66%
Конверсии в мобильном вебе к десктопному
![Page 51: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/51.jpg)
Создавать аккаунты трудно
пользователей уходят, не создав аккаунт
92%
![Page 52: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/52.jpg)
Chrome уже помогает пользователям логиниться быстрее
8B входов в месяц с помощью менеджера паролей в Chrome
![Page 53: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/53.jpg)
Google API для бесшовного создания аккаунтов и входа в аккаунты на Android и Chrome
![Page 54: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/54.jpg)
Более
70% сохраняют пароли
Сохранить пароль ИЛИ Аккаунт
![Page 55: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/55.jpg)
В одно касание
![Page 56: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/56.jpg)
Автоматически
![Page 57: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/57.jpg)
При оформлении покупки может возникнуть до 25 форм
...неудивительно, что до 97% бросают корзины
Source: http://www.google.com/wallet/business/payments/
![Page 58: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/58.jpg)
Как закрыть разрыв по конверсиям?
Веб сегодня
Обезболить формы
Autofill
Следующее поколение
Избавиться от форм
PaymentRequest API
![Page 59: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/59.jpg)
Autofill
Заполнение в одно касание
Синхронизация карт и адресов
Повышение заполняемости форм
![Page 60: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/60.jpg)
PaymentRequest API
Открытый Javascript API
Сбор данных браузером
Кросс-браузерно и -платформенно
Любая форма платежа
Checkout в один клик
![Page 61: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/61.jpg)
Proprietary + Confidential
Шок! Они сделали это!
![Page 62: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/62.jpg)
Лента.ру
● Скорость загрузки = 2x выше
Как мы разогнали мобильную Lenta.ru до скорости светаhabrahabr.ru/company/rambler-co/blog/280602/
![Page 63: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/63.jpg)
Washington Post
● Более 1 000 AMP статей в день
● Скорость загрузки = 400 ms – 88% выше
● Возврат пользователей – 23% выше
![Page 64: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/64.jpg)
Source: https://developers.google.com/web/showcase/2016/flipkart
повторное взаимодействие
Flipkart – оффлайн доступ и добавление на экран
3X большевремя на сайте
40% выше
70% вышеконверсия
![Page 65: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/65.jpg)
Source: https://developers.google.com/web/showcase/2016/jumia
Успех Jumia с пуш-уведомлениями
Среди пользователей, разрешивших уведомления
9X вышеконверсия по заполненным корзинам
![Page 66: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/66.jpg)
Source: https://developers.google.com/web/showcase/2016/aliexpress
AliExpress наблюдает больше вовлечённости с разных браузеров
74% больше проведено времени
82% больше конверсий на iOS
![Page 67: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/67.jpg)
Source: https://developers.google.com/web/showcase/2016/suumo
31% открывают пуш-уведомления
75% ниже время загрузки страниц
Suumo добился повышения скоростии вовлечённости
![Page 68: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/68.jpg)
Попробуй меня!
Flipkart
Aliexpress
Washington Post
Jalantikus
Babe
Geo TV
5miles
Air Berlin
NFL NowKonga
Alibaba
![Page 69: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/69.jpg)
Ещё! Ещё! Ещё!ampproject.org/case-studies/developers.google.com/web/showcase/
![Page 70: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/70.jpg)
Скорость Пользователи AMP + PWA = Профит
![Page 71: Неделя Байнета 2017. Андрей Липатцев: "Веб-технологии нового поколения"](https://reader030.fdocuments.us/reader030/viewer/2022021502/58f9b309760da3da068bd1c9/html5/thumbnails/71.jpg)
Спасибо!google.com/webmastersdevelopers.google.com/web
За изображения спасибо: unsplash.com & pixabay.com