Marketing & Consulting
Стратегический маркетинг и консалтинг
Как сократить запросы HTTP для Вашего сайта? [Пошаговая инструкция]

Каждый раз при поиске в сети происходит большое количество технической работы, которую Вы не видите. Разработчики и инженеры обычно живут и работают в этом мире, в то время как некоторые маркетологи и владельцы бизнеса – особенно те, кто не очень уверен в своих технических знаниях, - имеют тенденцию игнорировать эту сторону работы.

 

Но владельцам бизнеса и маркетологам нужно иметь по меньшей мере общее представление о том, что происходит за сценой их сайта.

 

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

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

 

Что такое HTTP запрос?

 

 

Каждый раз, когда кто-то заходит на сайт, происходит следующее: браузер этого человека (Chrome, Firefox, и т.п.) пингует сервер, на котором находится веб-страница, в данном случае, веб-страница Вашего сайта. Он отправляет запрос на то, чтобы сервер отправил файлы, содержащие контент этого сайта. Эти файлы содержат текст, картинки и видео, которые находятся на веб-странице.

Этот запрос называется HTTP запрос. HTTP означает "Hypertext Transfer Protocol" и является просто красивым названием отправки запроса на получение  файла браузером и передачи сервером браузеру этого файла.

Когда Ваш сервер получает HTTP запрос от браузера пользователя, Ваш сервер отвечает и передает файлы браузеру этого пользователя. Затем браузер пользователя загружает веб страницу.

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

 

Как HTTP запросы влияют на опыт использования сайта?

 

По существу, чем больше файлов на Вашем сайте, тем больше HTTP запросов придется сделать браузеру пользователя. Чем больше HTTP запросов, тем дольше будет грузиться сайт. И чем больше файлы, тем больше времени займет их передача.

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

Исследования показывают, что время загрузки имеет значение при оценке работы сайта. Согласно исследованию, 47% потребителей ожидают, что страница загрузится за две секунды или даже быстрее, а 40% покидают сайт, который загружается более трех секунд.

Таким образом, к какому числу HTTP запросов нужно стремиться? Ответ «к одному» - неверный. Некоторые полагают, что могут решить проблему, используя только один файл JavaScript для всего сайта. Но помните: размер файла тоже влияет на время загрузки. Для сложных сайтов этот один файл будет грузиться очень долго.

Не существует оптимального количества файлов, которые должен содержать Ваш сайт. Тем не менее, ведущий менеджер по продуктовому маркетингу в M&C's  Анастасия Дэвис предлагает стремиться использовать от 10 до 30 файлов. Для большинства ведущих сайтов это сложно и обычно требует большой работы.

 

Как сократить число HTTP запросов

 

1) Проверьте, сколько HTTP запросов делает Ваш сайт сейчас.

 

Панель Network в Google Chrome позволяет легко проверить, сколько HTTP делает сайт. Это отличный способ увидеть, из чего состоит Ваша страница и почему она долго грузится.

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

Чтобы посмотреть панель Network для конкретной страницы, откройте страницу в Google Chrome. В основном меню в верху экрана перейдите к View > Developer >Developer Tools.

Панель Network откроется в браузере. Поскольку она записывает все активности в сети за время, когда открыт DevTools, панель может быть пустой при первом открытии. Перезагрузите страницу для начала записи или просто подождите сетевой активности в Вашем приложении.

 

2) Удалите ненужные картинки.

 

Здесь Вам нужно понимать, какие файлы дольше всего загружаются, включая файлы с изображениями. Какой самый простой способ сократить количество запрашиваемых файлов? Удалите ненужные изображения.

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

 

3) Уменьшите размер файлов для оставшихся картинок.

 

Для картинок, которые Вы оставите, используйте качественные фотографии с небольшим размером. Это поможет сократить время HTTP запроса и тем самым время загрузки.

 

4) Оцените другие части страницы, которые влияют на время загрузки.

 

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

 

5) Используйте технологию для взаимодействия с сервером без перезагрузки страниц (асинхронный JavaScript).

 

Если у Вас на странице есть не асинхронный JavaScript, тогда можно попросить разработчика сделать его асинхронным или совсем убрать со страницы, если это возможно.

Почему? Это связано с опытом пользователей. Когда браузер посетителя загружает страницу, он загружает ее сверху вниз. Когда он доходит до файла JavaScript и хочет загрузить его, если этот JavaScript не асинхронный, тогда браузер прекращает загружать что-либо еще, пока этот файл JavaScript не загрузится целиком.

Если этот JavaScript асинхронный, тогда браузер будет загружать его одновременно с загрузкой других элементов страницы. Асинхронные файлы JavaScript создают лучший пользовательский опыт.

 

6) Объединяйте CSS файлы.

 

Каждый CSS файл, который Вы используете на сайте, увеличивает количество HTTP запросов, которые делает Ваш сайт, таким образом увеличивая время загрузки Вашей страницы. Иногда это неизбежно, но в большинстве случаев Вы можете объединить два или более CSS файлов в один. (Для этого Вам может понадобиться помощь разработчика)

Почему? Потому что CSS код может быть в любом месте Вашего сайта или в любом количестве файлов, и независимо от этого он работает точно так же. Фактически часто единственная причина, по которой сайт имеет множество CSS файлов,  состоит в том, что веб-дизайнеру было легче работать с отдельными файлами.

Если Вы хотите получить более подробный отчет о работе Вашего сайта, воспользуйтесь аудитом веб-сайта от M&C. Вы получите  персонализированный отчет с оценками Вашего сайта по ключевым показателям, включая функциональные характеристики, работу на мобильных устройствах, поисковую оптимизацию и безопасность.

 

 

Предварительный заказ
Заполните форму и Мы обязательно свяжемся с вами!
X
X

Спасибо!

Ваша заявка принята!
Подписаться на рассылку

Marketing and consulting


Адрес электронной почты *
Имя
Фамилия



* Обязательные поля