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

1. Конфіденційно. Документ є
власністю компанії
Можно же так, но лучше ускориться
AMP: ускоряем загрузку веб-страниц
Андрей Липатцев, ноябрь 2016

2. Конфіденційно. Документ є
власністю компанії
Проблематика Реализация Примеры

3. Конфіденційно. Документ є
власністю компанії
Проблематика

4. Конфіденційно. Документ є
власністю компанії
пользователей уходят с сайта,
который грузится >3 секунд53%
Источник: https://www.doubleclickbygoogle.com/articles/mobile-speed-matters/

5. Конфіденційно. Документ є
власністю компанії
99 проблем издателя
2 Плохой осадок от мобильного веба
1 Закрытые модели дистрибуции
3 Монетизация контента
4 Скорость изменения технологий
5 Блокировщики рекламы

6. Конфіденційно. Документ є
власністю компанії
Нужен план!

7. Конфіденційно. Документ є
власністю компанії
План такой:
2 Просто
1 Быстро
3 Мобильно
4 Открыто
5 Прибыльно

8. Конфіденційно. Документ є
власністю компанії
Но как?!
2 Оптимизировать
1 Упростить
3 Кэшировать

9. Конфіденційно. Документ є
власністю компанії
профит AMP

10. Каменный век AMP

11. Конфіденційно. Документ є
власністю компанії
● Открытый формат для простых страниц
● Доступ к AMP Cache для оптимизации скорости
● Дизайн и бизнес-модель в руках хозяина
● Поддержка рекламы и аналитики
● Совместимость с основными браузерами
AMP, это что?

12. Конфіденційно. Документ є
власністю компанії
4x 10x
быстрее меньше
данных
<1 секунды
среднее время загрузки

13. Конфіденційно. Документ є
власністю компанії
Реализация

14. Конфіденційно. Документ є
власністю компанії
HTML5
(AMP HTML)
JavaScript
(AMP JS)
CSS3
(Кастомные стили)
Global Proxy
Cache
(AMP Cache)

15. Конфіденційно. Документ є
власністю компанії
AMP-HTML
Рекламные доходы и аналитика
HTML
Ускорение с помощью
AMP Cache
CMS
Как AMP работает

16. Конфіденційно. Документ є
власністю компанії
Веб-сервер
Локальная копия контента
Без AMP cache С AMP cache
Веб-сервер
Локальный
Локальный
Локальный
Локальный
Локальный
Локальный
Локальный

17. Конфіденційно. Документ є
власністю компанії
Набор с открытым исходником и общий
инструментарий вместо Javascript
Отдельный файл, связанный с базовым ссылкой с
тегом
Реклама через отдельный компонент, не мешая
контенту (нужен HTTPS)

18. Конфіденційно. Документ є
власністю компанії
Эмбеды
Twitter
Instagram
Карты
Реклама
и т.д.
Кэшированные runtime библиотеки
Виджеты
галлереи
опросы
лайтбоксы
формы

19. Конфіденційно. Документ є
власністю компанії
Фичи: приоритизация
2 Одна отрисовка
1 Предзагрузка
3 Асинхрон
Время загрузки
Синхрон
Время загрузки
Асинхрон

20. Конфіденційно. Документ є
власністю компанії
Фичи: резиновый
2 Лучший размер медиа
1 Размер устройства

21. Конфіденційно. Документ є
власністю компанії
2 Нет вложенного скролла
1 Без кастомного JS (только в iFrame)
3 Не более 50 kB CSS
Фичи: не резиновый

22. Конфіденційно. Документ є
власністю компанії
Растущая поддержка

23. Конфіденційно. Документ є
власністю компанії
Примеры

24. Конфіденційно. Документ є
власністю компанії
-2% v = -2% запросов/пользователя
400ms быстрее = +9% трафика
Выше = больше просмотров
100ms выше = +1% оборота
5s выше = +25% просмотров,
+7-12% оборота
37% выше = +70% мобильный
оборот/пользователя
80% выше = +108%
взаимодействие с рекламой
Скорость даёт результаты

25. Конфіденційно. Документ є
власністю компанії
news.mail.ru &
hi-tech.mail.ru

26. Конфіденційно. Документ є
власністю компанії
80% 1,000+
меньше
время загрузки
67%
страниц
публикуется в день
больше
новых пользователей

27. Конфіденційно. Документ є
власністю компанії
lenta.ru
Как мы разогнали мобильную
lenta.ru до скорости света
habrahabr.ru/company/rambler-co/blog/280602/

28. Конфіденційно. Документ є
власністю компанії
88% 1,000+
меньше
время загрузки
23%
страниц
публикуется в день
больше
возврат в течение 7 дней

29. Конфіденційно. Документ є
власністю компанії
3х 100k
рост
скорости загрузки
50%
уников
в день
больше
показов

30. Конфіденційно. Документ є
власністю компанії
63% 1,000+
больше
CTR по рекламе
25%
страниц
публикуется в день
больше
CTR с поиска

31. Конфіденційно. Документ є
власністю компанії
~$85K 73%
экономия
на разработку в год
44%
больше
возвратов в месяц
больше
уников

32. Конфіденційно. Документ є
власністю компанії
70ms 2,5M
время
загрузки
10%
страниц
за 30 дней
больше
время на сайте
90%нового
трафика

33. Конфіденційно. Документ є
власністю компанії
ampproject.org/
ampbyexample.com/
github.com/ampproject
g.co/amptest
Почитать на досуге

34. Конфіденційно. Документ є
власністю компанії

35. Конфіденційно. Документ є
власністю компанії

36. Конфіденційно. Документ є
власністю компанії

37. Конфіденційно. Документ є
власністю компанії

38. Конфіденційно. Документ є
власністю компанії

39. Конфіденційно. Документ є
власністю компанії
Быстрое начало с AMP...
...и увлекательное
продолжение с PWA

40. Конфіденційно. Документ є
власністю компанії
Скорость Пользователи Профит

41. Спасибо!
www.ampproject.org
google.com/webmasters
За изображения спасибо: unsplash.com & pixabay.com