Разгони свой сайт Лекция 9: Практическое приложение webo.in Мациевский Николай

Разгони свой сайт
Лекция 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