Transcript Разгоняем все, что движется Оптимизация времени загрузки сайта webo.sunnybear.ru Мациевский Николай, Acronis

Разгоняем все, что движется
Оптимизация времени загрузки сайта
Мациевский Николай, Acronis
webo.sunnybear.ru
1 / 10
Основные направления
•
•
•
•
•
•
Gzip / minify для текстовых файлов
CSS sprites для картинок
ETag / Cache-Control для статики
Семантическая верстка
Параллельные запросы
Убираем
– Редиректы / 404-ошибки
– CSS Expressions
webo.sunnybear.ru
2 / 10
Сжатие и минимизация
• Packer / YUI для JS
• CSS Tidy для CSS
• Статическое
архивирование
• mod-gzip / deflate
• Общий выигрыш:
до 80%
webo.sunnybear.ru
3 / 10
CSS Sprites
•
•
•
•
Все-в-одном
Кеширование стилей
5 основных групп файлов
Общий выигрыш: до 60%
webo.sunnybear.ru
4 / 10
ETag и Cache-Control
• Размер HTML: 2-10%
• Кеширование статических ресурсов
• Проблемы ETag
• Сброс кеша GETстрокой
• Общий выигрыш:
до 90%
webo.sunnybear.ru
5 / 10
Семантическая верстка
• Отображается быстрее табличной
• Уменьшение в размере: 10-30%
• Вынесение стилей /
скриптов в кешируемые
внешние файлы
• Общий выигрыш: до 40%
webo.sunnybear.ru
6 / 10
Параллельные запросы
• Распределяем статические файлы по
нескольким «легким» серверам
• Общий выигрыш: до 85%
webo.sunnybear.ru
7 / 10
Разгони свой сайт
webo.sunnybear.ru
• Проект запущен 4 февраля
• Оценено 6500 сайтов
• Среднее время загрузки:
11…100 секунд
• Файлов CSS / JS / IMG:
1.4 / 2.9 / 32
• Влияние файлов на
скорость загрузки
webo.sunnybear.ru
8 / 10
Разгони свой сайт
webo.sunnybear.ru
•
•
•
•
30 детальных советов
18 статей и докладов
Видео-записи с ClientSide
Ссылки на ведущие западные
исследования
• Оценка
оптимизации
для сайта
webo.sunnybear.ru
9 / 10
Спасибо. Вопросы?
Разгоняем все, что движется
Мациевский Николай, Acronis
webo.sunnybear.ru
10 / 10