Разгоняем все, что движется Оптимизация времени загрузки сайта webo.sunnybear.ru Мациевский Николай, Acronis
Download
Report
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