Разгони свой сайт Лекция 9: Практическое приложение Мациевский Николай webo.in 1 / 27 Содержание • • • • Инструменты для анализа Онлайн-приложения Оптимизация браузеров Разбор полетов webo.in 2 / 27 Инструменты для анализа webo.in 3 / 27 Счетчик времени загрузки • Размещаем в самом начале страницы – Сразу после title • Все вызовы внешних файлов идут после • Засекаем время при установлении счетчика • Засекаем время при window.onload webo.in 4 / 27 Apache Benchmark • Cтресс-тесты выдают: • Время на установление соединения • Время ожидания ответа • Время на передачу данных • Apache JMeter • Для нагрузочного тестирования webo.in 5 / 27 Firefox: Web Developer Toolbar • Информация по всем загруженным файлам • Разбиение файлов на группы для анализа производительности • Размер групп файлов и общий размер страницы • Нет данных о стадиях загрузки и встроенных фоновых изображениях webo.in 6 / 27 Firefox: Firebug NET Panel • Информация по всем загруженным файлам • Стадии загрузки страницы (первая, третья и четвертая) • Диаграмма загрузки страницы • Yslow дает оценку скорости загрузки страницы и полезные советы webo.in 7 / 27 Safari: Web Inspector • Информация по всем загруженным файлам • Разбиение файлов на группы для анализа производительности • Диаграмма загрузки страницы • Нет разбиения на стадии загрузки webo.in 8 / 27 IE/Firefox: HttpWatch • Информация по всем загруженным файлам • Стадии загрузки отдельных файлов • Диаграмма загрузки страницы • Нет разбиения на группы файлов и стадии загрузки webo.in 9 / 27 IE: Fiddler • Информация по всем загруженным файлам • Диаграмма загрузки страницы • Время загрузки с разных точек земного шара • Нет разбиения на группы файлов и стадии загрузки webo.in 10 / 27 Эмулятор каналов Sloppy • Миниатюрный прокси-сервер • Эмуляция каналов от 9,6Кб до 512Кб • Идеально подходит для тестирования низкоскоростных соединений • Загружается при помощи Java Web Start webo.in 11 / 27 Онлайн-приложения webo.in 12 / 27 WebSiteOptimization.com • Информация по все загружаемым файлам • Краткие советы по оптимизации • Нет диаграммы загрузки • Нет распознавания встроенных изображений • Нет анализа динамических компонентов webo.in 13 / 27 OctaGate SiteTimer • Диаграмма загрузки страницы • Нет советов по оптимизации • Нет распознавания встроенных изображений • Нет анализа динамических компонентов webo.in 14 / 27 Tools.Pingdom.com • Диаграмма загрузки страницы • Нет советов по оптимизации • Нет распознавания фоновых изображений • Нет анализа динамических компонентов webo.in 15 / 27 AlertSite.com • • • • • Диаграмма загрузки страницы Стадии загрузки файлов Нет советов по оптимизации Не распознается сжатия Нет распознавания фоновых изображений • Нет анализа динамических компонентов webo.in 16 / 27 Site-Perf.com • • • • • Диаграмма загрузки страницы Стадии загрузки файлов Распознается сжатие Нет советов по оптимизации Нет анализа динамических компонентов webo.in 17 / 27 Webo.in • • • • • • • Диаграмма загрузки страницы Стадии загрузки файлов Распознается сжатие Учитываются фоновые изображения Выдаются советы по оптимизации Возможна «визуальная» оптимизация Нет анализа динамических компонентов webo.in 18 / 27 GetRPO.com • Оценка времени загрузки страницы • Наиболее точное число запросов к серверу • Нет советов по оптимизации • Предлагается комплексное решение для ускорения загрузки сайта на IIS webo.in 19 / 27 Оптимизация браузеров webo.in 20 / 27 Firefox • about:config – network.http.version — 1.1 – network.http.keep-alive — true – network.http.pipelining — true – network.http.proxy.pipelining — true – network.http.pipelining.maxrequests — 8 – nglayout.initialpaint.delay — 0 webo.in 21 / 27 Opera • opera:config – Max Connections Server = 16 – Max Connections Total = 32 или 64 – Check local Hostname отключить – Always load favicon = 0 – Documents Expiry = 3600 – Images Expiry = 86400 – Other Expiry = 86400 – Delayed Script Execution включить webo.in 22 / 27 Internet Explorer HKEY_CURRENT_USER -> Software -> Microsoft -> Windows -> Current version -> Internet settings -> MaxConnectionsPer1_0Server = 10 MaxConnectionsPerServer = 10 webo.in 23 / 27 Разбор полетов webo.in 24 / 27 vkontakte.ru • • • • • • Сжатие для всех текстовых файлов CSS/JS-файлы не объединены Полное кэширование для статики Пост-загрузка рекламных блоков Картинки не объединены в CSS Sprites Пользовательские изображения распределены по кластеру серверов webo.in 25 / 27 odnoklassniki.ru • • • • • • • Сжатие для всех текстовых файлов CSS/JS-файлы не объединены Полное кэширование для статики Реклама на стадии полной загрузки Картинки не объединены в CSS Sprites Фоновые картинки не вынесены в CSS Пользовательские изображения распределены по кластеру серверов webo.in 26 / 27 yandex.ru • • • • Сжатие для всех текстовых файлов CSS внутри HTML Полное кэширование для статики Не все картинки объединены в CSS Sprites • Клиентская логика загружается на стадии полной загрузки webo.in 27 / 27