Минимизируйте HTTP запросы

Оглавление

Сбросить всё

Английский оригинал	Перевод на русский
Сожалеем, но текст оригинала доступен только зарегистрированным пользователям.	80% времени отклика для конечного пользователя приходится на фронтэнд. Большая часть этого времени уходит на загрузку всех составляющих страницы: картинки, стили, скрипты, флеш, и т.п. Уменьшение количества компонентов в свою очередь приведет к уменьшению количества HTTP запросов, необходимых для отображения страницы. Это и есть ключ к быстрым страницам. Alexasa 07.08.12 в 12:47 0
	Одним из способов уменьшения количества элементов страницы является упрощение дизайна. Но есть ли способ создания страничек, богато насыщенных контентом, и вместе с тем имеющих высокую скорость отклика? Вот вам несколько примеров уменьшения количества HTTP запросов без уменьшения сложности дизайна страницы. Alexasa 07.08.12 в 12:52 0
	Объединенные файлы позволяют уменьшить количество запросов за счет объединения скриптов, а также слияния всех стилей в один файл. Объединение файлов усложняется, если скрипты и стили меняются от страницы к странице, но использование данной техники значительно уменьшает время отклика. Alexasa 07.08.12 в 13:48 0
	CSS спрайты - лучший способ уменьшения количества запросов изображений. Объедините ваши фоновые изображения в одно и используйте CSS свойства background-image и background-position для отображения необходимого участка. Alexasa 08.08.12 в 15:46 0
	Карты изображений объединяют несколько изображений в одно. Общий размер примерно тот же, но из-за уменьшения количества HTTP запросов происходит ускорение загрузки. Карты изображений работают, если только изображения соприкасаются на странице, например как в панели навигации. Задание координат карты может быть утомительным и склонным к ошибкам. Использование карт изображений для навигации не рекомендуется из-за слабой поддержки. Alexasa 08.08.12 в 15:53 0
	Встроенные изображения используют данные: URL схему для встраивания содержимого изображения в текущую страницу. Это может увеличить размер вашего HTML документа. Вынесение встроенных изображений в стили (которые кешируются) еще один способ уменьшить количество HTTP запросов и избежать увеличения размера вашей страницы. Встроенные изображения не полностью поддерживаются всеми основными браузерами. Alexasa 09.08.12 в 15:06 0
	Уменьшение количества HTTP запросов на вашей странице - это то, с чего следует начинать. Это самая важная часть улучшения производительности для посетителей, которые зашли в первый раз. Как указывает Тенни Торер в своем блоге, 40-60% ежедневной аудитории вашего сайта приходят с пустым кешем. Ускорение вашей страницы для этих посетителей - ключ к улучшению взаимодействия с пользователем. Alexasa 09.08.12 в 15:13 0