+ Что ваши пользователи знают о ваших сетевых задержках такого, чего не знаете вы? + Navigation Timing API - что есть сейчас, что будет в течение года, кроссбраузерность. + Собираем и сворачиваем данные по задержкам: как искать узкие места сайта? + 3rd-party включения: как с ними бороться?

1. Глубокая аналитика
скорости сайта
Айри.рф

2. Вы думаете, что ваш сайт загружается так…
Айри.рф
2/29

4. А на самом деле?
Айри.рф
4/29

6. Google PageSpeed – 100/100.
YSlow – 100/100.
А сайт все равно медленный?
Айри.рф
6/29

8. Navigation Timing API (82%)
Айри.рф
8/29

9. 9/29

10. Google Analytics
Яндекс.Метрика
Openstat
Pingdom
mPulse
Boomerang
Айри
…
Айри.рф
10/29

11. 11/29
Performance Analyser

12. 12/29
Диаграмма загрузки

13. RUM = Real User Monitoring
Айри.рф
13/29

14. Айри.рф
14/29
Время загрузки страниц (в мс) по дате

15. Что нужно сделать, чтобы мой сайт стал
быстрее у пользователей?
Айри.рф
15/29

16. Конкретный регион или страна
Конкретный браузер или ОС
Конкретное время суток
Конкретные страницы сайта
Где узкие места?
Айри.рф
16/29

17. Navigation Timing API: getEntries()
Айри.рф
17/29

18. Performance-
данные
пользователя
Сбор на
сервере
статистики
Анализ узких
мест
Айри.рф
Браузер Сервер Интерфейс
18/29
Как работает глубокая аналитика сайта

19. Айри.рф
19/29
Реальный выхлоп

20. Задержки по типам объектов
20/29

21. Задержки по группам объектов
21/29

22. Использование кэша
22/29

23. Эффективность оптимизации
23/29

24. Собираем данные ->
Уточняем действия по оптимизации ->
Внедряем для достижения KPI
Айри.рф
24/29

25. Кто крадет время ваших пользователей?
Айри.рф
25/29

27. Спасение: Content-Security-Policy
Айри.рф
27/29

28. Айри.рф
add_header Content-Security-
Policy "script-src 'self'
'unsafe-inline' 'unsafe-
eval' http://www.google-
analytics.com
http://mc.yandex.ru
https://mc.yandex.ru …";
28/29

29. RUM – глубокая аналитика
скорости сайта
Николай Мациевский
n@airee.ru
+7 926 728 19 64
Спасибо!
29/29