HTTP-запросы - это то, как браузеры запрашивают просмотр ваших страниц. Когда ваша веб-страница загружается в браузере, браузер отправляет HTTP-запрос на веб-сервер для страницы в URL-адресе. Затем, когда HTML доставлен, браузер анализирует его и ищет дополнительные запросы для изображений, скриптов, CSS, Flash и так далее.
Каждый раз, когда он видит запрос на новый элемент, он отправляет на сервер еще один HTTP-запрос. Тем более изображений, скриптов, CSS, Flash и т. Д. что на вашей странице будет больше запросов и медленнее будут загружаться ваши страницы. Самый простой способ уменьшить количество HTTP-запросов на ваших страницах - не использовать много (или каких-либо) изображений, скриптов, CSS, Flash и т. Д. Но страницы, состоящие только из текста, скучны.
Как уменьшить количество HTTP-запросов без ущерба для вашего дизайна
К счастью, есть несколько способов уменьшить количество HTTP-запросов, сохранив при этом высококачественный и богатый веб-дизайн.
- Объединить файлы - С использованием внешние таблицы стилей и скрипты важны, чтобы они не увязывали время загрузки вашей страницы, но у них не более одного CSS и одного файла сценария.
- Использовать CSS-спрайты - Когда вы объединяете большую часть или все свои изображения в спрайт, вы превращаете несколько запросов изображений в один. Затем вы просто используете свойство CSS background-image для отображения нужной части изображения.
- Карты изображений - Карты изображений не так популярны, как когда-то, но когда у вас есть смежные изображения, они могут уменьшить количество запросов HTTP-изображений до одного.
Используйте кеширование для сокращения времени загрузки внутренней страницы
Используя спрайты CSS и объединенные файлы CSS и скриптов, вы также можете сократить время загрузки внутренних страниц. Например, если у вас есть изображение-спрайт, которое содержит элементы внутренних страниц, а также ваши целевая страница, то, когда ваши читатели переходят на эти внутренние страницы, изображение уже загружено и в тайник. Таким образом, им не потребуется HTTP-запрос для загрузки этих изображений на ваши внутренние страницы.