Как происходит загрузка страниц сайтов

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

Однако, зачастую многие из нас не представляют себе самый процесс загрузки. Как все это происходит? Сразу или поэтапно? На самом деле — поэтапно. Давайте и рассмотрим эти самые этапы «большого пути».

Схема загрузки страниц сайтов в браузерах

На рисунке она выглядит так:

Схема загрузки страниц сайтов в браузерах

Время загрузки рассчитывается в миллисекундах. Обычный человек этот параметр лучше воспринимает в секундах. Для тех, кто забыл: 1 секунда составляет 1000 миллисекунд.

Стоит заметить, что в принципе, если загрузка страницы не длится более 5 с, вебмастер может не беспокоится о наложении санкций в виде снижения ранжирования сайта. Но если вы добьетесь большей скорости — это никак положительно не скажется на ранжировании. В сущности, на ранжирование сайтов в контексте скорости загрузки страниц влияют его посетители: не выдерживают долгой загрузки (предположим, более 5 сек) — покидают сайт. Если по запросу — то делают возврат, а значит ухудшают ПФ. Вот такая цепочка.

Итак, уйдем от отступлений и рассмотрим

Поэтапный процесс загрузки страниц сайтов в браузере

1. В самом начале, как только пользователь захочет открыть нужную страницу сайта в браузере (URL), произойдет обработка запросов к DNS-серверу. По сути — это запрос к хосту, на котором размешен ваш сайт со всеми его потрохами файлами и папками.

Справка: «DNS (англ. Domain Name System — система доменных имён) — компьютерная распределённая система для получения информации о доменах. Чаще всего используется для получения IP-адреса по имени хоста (компьютера или устройства), получения информации о маршрутизации почты, обслуживающих узлах для протоколов в домене (SRV-запись).
DNS-сервер, name server — приложение, предназначенное для ответов на DNS-запросы по соответствующему протоколу. Также DNS-сервером могут называть хост, на котором запущено приложение.»

2. Затем, как положено, произойдет обработка редиректов, то есть время будет  потрачено на отработку HTTP-переадресации при загрузке страницы.

Справка: «Редирект. От английского redirect (перенаправление). Программное решение или скрипт, который принудительно перенаправляет пользователя с выбранной страницы на другую страницу»

О редиректе —  тут нужно изучить достаточно много информации. Тема отдельной статьи. Оставим понимание на уровне справки. Ключевое слово — перенаправление. А на него, как вы понимаете, тоже нужно потратить кусочек драгоценного времени. 🙂

3. Следующий этап — подключение к серверу — время, в течение которого браузер ожидал подключения к HTTP-серверу при получении содержимого страницы.

4. Далее придется немного подождать, пока  этот ответ придет: ответ сервера —  время, в течение которого передается ответ с содержимым страницы от HTTP-сервера к браузеру.

5. Пришло время обработки HTML -времени,  в течение которого браузер  пережевывает обрабатывает содержимое страницы после ее загрузки с сервера и до начала отрисовки.

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

7. И вот, наконец-то, проходит еще маленький промежуток — время полной загрузки, — время от начала перехода на страницу до полной загрузки страницы со всеми ее компонентами (изображения, CSS, скрипты и т. п.). Это значение субъективно воспринимается посетителем как «качество» страницы. Фу-у-х! Все!

Как  проверить и увеличить скорость загрузки сайта?

Широкая тема, так как способов и сервисов очень много.

Проверить. Далеко ходить не надо: в webmasters/tools (вебмастер гугл) всегда готов предоставить данную информацию. Заходим на страницы «Сканирование» — «Ошибки сканирования». Время загрузки (полное) — в миллисекундах.

Как происходит загрузка страниц сайтов 1

Можно использовать многочисленные онлайн-сервисы. Вот, например, как выдает данные параметры о времени загрузки страниц сайтов известный Мegaindex:

Как происходит загрузка страниц сайтов 2

Увеличить скорость. Способов множество: специальные плагины, программы и сервисы для сжатия рисунков и файлов. Например, на 1 этапе можно использовать Google DNS. На 5 этапе можно сократить количество вложенных тегов. На 3 этапе использовать CDN.

Геннадий Михайлюта

2 Comments

  1. Здравствуйте!

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

    После нового года такая проблема сначала была на мобильных устройствах, а теперь стал замечать и на ПК. Хотя скорость загрузки у страницы на мобильных 81 на ПК 87.

    Шапка грузится в доли секунды и дальше страница не скролится, приходится ждать секунды 8 если не больше. Может сталкивались с подобным?

  2. Смените тему, найдите другой шаблон.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *