Готовый перевод Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Minimize HTTP Requests / Минимизируйте HTTP запросы

80% времени отклика для конечного пользователя приходится на фронтэнд. Большая часть этого времени уходит на загрузку всех составляющих страницы: картинки, стили, скрипты, флеш, и т.п. Уменьшение количества компонентов в свою очередь приведет к уменьшению количества HTTP запросов, необходимых для отображения страницы. Это и есть ключ к быстрым страницам.

Одним из способов уменьшения количества элементов страницы является упрощение дизайна. Но есть ли способ создания страничек, богато насыщенных контентом, и вместе с тем имеющих высокую скорость отклика? Вот вам несколько примеров уменьшения количества HTTP запросов без уменьшения сложности дизайна страницы.

Объединенные файлы позволяют уменьшить количество запросов за счет объединения скриптов, а также слияния всех стилей в один файл. Объединение файлов усложняется, если скрипты и стили меняются от страницы к странице, но использование данной техники значительно уменьшает время отклика.

CSS спрайты - лучший способ уменьшения количества запросов изображений. Объедините ваши фоновые изображения в одно и используйте CSS свойства background-image и background-position для отображения необходимого участка.

Карты изображений объединяют несколько изображений в одно. Общий размер примерно тот же, но из-за уменьшения количества HTTP запросов происходит ускорение загрузки. Карты изображений работают, если только изображения соприкасаются на странице, например как в панели навигации. Задание координат карты может быть утомительным и склонным к ошибкам. Использование карт изображений для навигации не рекомендуется из-за слабой поддержки.

Встроенные изображения используют данные: URL схему для встраивания содержимого изображения в текущую страницу. Это может увеличить размер вашего HTML документа. Вынесение встроенных изображений в стили (которые кешируются) еще один способ уменьшить количество HTTP запросов и избежать увеличения размера вашей страницы. Встроенные изображения не полностью поддерживаются всеми основными браузерами.

Уменьшение количества HTTP запросов на вашей странице - это то, с чего следует начинать. Это самая важная часть улучшения производительности для посетителей, которые зашли в первый раз. Как указывает Тенни Торер в своем блоге, 40-60% ежедневной аудитории вашего сайта приходят с пустым кешем. Ускорение вашей страницы для этих посетителей - ключ к улучшению взаимодействия с пользователем.

Переведено на Нотабеноиде
http://notabenoid.org/book/31735/110111

Переводчики: Alexasa