1

Как измерить скорость веба?

3 Веб-производительность сегодня

4 Скорость загрузки сайта Время ответа сервера – Мощность сервера Скорость передачи информации – Толщина канала Количество объектов на странице – Удаленность сервера Сложность верстки сайта – Мощность браузера и компьютера

5 А также Обработка действий пользователя Интерактивные объекты (Flash / SVG) Аудио/видео-объекты Взаимодействие со сторонними сайтами И многое другое

6 Существующие инструменты Расширения к браузерам – Firebug/YSlow, Web Inspector, dynaTrace, Speed Tracer, … Онлайн-сервисы – webo.in, pingdom.com, webopulsar.ru, … Моделирование – Cuzillion, Browserscope, …

7 Веб-производительность от идеи к стандарту

8 Сегодня Сложное получение данных – > 1Kb JavaScript-кода Скудный набор событий – onStart, onLoad, onUnload, onDomReady Нет единого интерфейса – Firebug / Web Inspector / dynaTrace / Speed Tracer / HAR ?

9 Завтра Простое получение данных – API браузеров Формализованная модель – Несколько десятков событий Стандартизованные интерфейсы Стандарт – 2011, реализация

10 Что уже (!) есть IE9 RC – window.performance – ResourceTiming – requestCount – domainCount WebKit (Safari / Chrome) nightly builds

11 Открывающие возможности Сбор детальной статистики – Через одно API во всех браузерах Динамическая оптимизация – Сайт для быстрых и сайт для медленных пользователей – Загрузка с более быстрого узла – Предзагрузка «тяжелого» содержания

12 Проблемы Безопасность – Данные о пользовательском кэше Производительность – Эффект наблюдателя Разные уровни OSI – Microsoft против остального мира Точность измерения – 10 метрик или 50?

13 Бонусы

14 WEBO Pulsar Возможности – Мониторинг доступности – Мониторинг времени ответа – Детальный лог ошибок – Уведомления по / jabber / смс / twitter – Мониторинг скорости загрузки

15 Полезные ссылки webo.in stevesouders.com getfirebug.com developer.yahoo.com/yslow code.google.com/speed/page-speed/ w3.org/2010/06/webperf dev.w3.org/2006/webapi/WebTiming/

16 Спасибо. Вопросы? Как измерить скорость веба? Николай Мациевский Skype: nikolay.matsievsky