Все вебмастера, постоянно находясь в состоянии борьбы за улучшения ранжирования своих проектов в поисковых системах и строго помятуя, что скорость загрузки их страниц в браузерах влияет на этот важный показатель, неустанно трудятся и пытаются добиться как можно большего её значения. По другому — они всячески пытаются уменьшить время загрузки страниц в браузерах.
Однако, зачастую многие из нас не представляют себе самый процесс загрузки. Как все это происходит? Сразу или поэтапно? На самом деле — поэтапно. Давайте и рассмотрим эти самые этапы «большого пути».
Содержание
Схема загрузки страниц сайтов в браузерах
На рисунке она выглядит так:
Время загрузки рассчитывается в миллисекундах. Обычный человек этот параметр лучше воспринимает в секундах. Для тех, кто забыл: 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 (вебмастер гугл) всегда готов предоставить данную информацию. Заходим на страницы «Сканирование» — «Ошибки сканирования». Время загрузки (полное) — в миллисекундах.
Можно использовать многочисленные онлайн-сервисы. Вот, например, как выдает данные параметры о времени загрузки страниц сайтов известный Мegaindex:
Увеличить скорость. Способов множество: специальные плагины, программы и сервисы для сжатия рисунков и файлов. Например, на 1 этапе можно использовать Google DNS. На 5 этапе можно сократить количество вложенных тегов. На 3 этапе использовать CDN.
Здравствуйте!
В каких случаях шапка страницы грузится быстро, а остальной контент приходится ждать? Помогите с решением пж
После нового года такая проблема сначала была на мобильных устройствах, а теперь стал замечать и на ПК. Хотя скорость загрузки у страницы на мобильных 81 на ПК 87.
Шапка грузится в доли секунды и дальше страница не скролится, приходится ждать секунды 8 если не больше. Может сталкивались с подобным?
Смените тему, найдите другой шаблон.