Практики по оптимизации работы сайта
Команда Exceptional Performance, отвечающая за улучшение производительности сайтов, выявила ряд передовых методов для улучшения работы веб-страниц. В этот список вошли 34 лучшие практики по 7 основным категориям. Перевод выполнен КОМТЕТ.
Контент (содержимое сайта)
- Уменьшение количества HTTP-запросов
- Уменьшение числа DNS-запросов
- Избегайте переадресаций
- Кэширование Ajax
- Пост-загрузка компонентов
- Сокращение количества DOM-элементов
- Предварительная загрузка компонентов
- Разделение компонентов по разным доменам
- Сокращение количества фреймов
- Ошибка 404
Сервер
- Использование сети по доставке контента
- Добавление заголовка Expires или Cache-Control
- Компоненты Gzip
- Настройка ETags
- Очистка буфера до получения ответа от сервера
- Использование GET для AJAX-запросов
- Избегайте пустого тега Image src
Cookie
CSS
- Расположение таблиц стилей в Заголовке
- Избегайте использования выражений CSS
- Использование <link> вместо @import
- Избегайте использования фильтров
Javascript
- Расположение скриптов в конце страницы
- Размещение Java-скриптов и CSS-компонентов во внешние файлы
- Сокращение JavaScript и CSS
- Удаление повторных скриптов
- Минимизация доступа к элементам DOM
- Корректная разработка обработчиков событий
Изображения
- Оптимизация изображений
- Оптимизация CSS-скриптов
- Не масштабируйте изображения в HTML
- Небольшой и кэшируемый favicon.ico