Истина где-то рядом DOROGAVTOP.RU

Канал Дорога в топКанал на YouTube

Процесс загрузки страницы

  • Последовательность загрузки страницы
  • 8 уроков по теме
  • Далее узнаем, как влияет скорость на ранжирование
Читать урок № 1.5.3
Процесс загрузки страницы

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

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



Простыми словами загрузку можно делить на 2 этапа. 1 этап - это время ответа сервера, второй - время загрузки сайта.
Но, для того чтобы понять, что же действительно влияет на загрузку со стороны сервера, рассмотрим загрузку чуть подробней: это может стать темой для размышлений, а также ответом на ваши вопросы. Перечень факторов:

1. Проверка кеширования (2-7ms).
Браузер смотрит кеш запрашиваемой страницы в своем хранилище и если она там есть, он только спрашивает у сервера, не изменилось ли что-то на ней. Если нет, то запрашивает страницу на загрузку.

2. Обратный запрос DNS20-40ms.
Для достижения соединения, двум компьютерам нужно знать IP адреса друг друга, в общем идет определения имени узла по его IPv4 или IPv6 - адресу c помощью PTR-записи. Компьютер спрашивает у известного ему сервера DNS, какой IP у такого-то домена и если DNS знает, то он возвращает IP адрес и происходит соединение, если нет, то ищет у других dns, если и там не находит, он выдает ошибку.

3. Полуоткрытое TCP/IP соединение/передача данных 50-150ms.
Перед началом передачи каких-либо данных, согласно протоколу TCP, стороны должны установить соединение. Соединение устанавливается в три этапа (процесс «трёхкратного рукопожатия» TCP) спрашивающий компьютер отправляет первый пакет, отвечающий посылает ответный пакет, спрашивающий подтверждает, что всё успешно получено.

4. Отправка HTTP запроса 1ms.
HTTP - протокол передачи данных позволяющего вашему браузеру загружать веб-страницы. HTTPS – тоже самое, но c защитой информации от перехвата.

5. TTFB (Time To First Byte).
Ожидание ответа (до получение первого байта) 200-1500 ms время до получения первого байта (сетевого пакета) веб-страницы после отправки запроса со стороны клиента. Сюда входит все вышеперечисленное, запрос DNS, время подключения к серверу и время ожидания обработанного запроса (обработка, перепаковка, отправка страницы).

6. Получение ответа 10-50ms В ответ мы получаем html документ.

7. Обработка ответа и запросы на получение статики (скрипты, стили, картинки) N ms

8. Затем время на Рендеринг страницы – рассчитывается положение элементов в экране браузера.

9. И наконец, происходит отрисовка всего этого добра 500мс.

Со временем схема может немного меняться, и конечно же в лучшую сторону, но когда? Ведь даже сейчас если идти в ногу с технологиями и перейдя с http1.1 на http2, т.е. с текстового на бинарный более скоростной протокол, мы рискуем потерять трафик так как http2 поддерживается не всеми браузерами или c IPv4 на IPv6 так как IP6 поколения поддерживают не все устройства. Вроде хочется и можется, а терять трафик мало кто решится. Но все это мелочи по сравнению с тем какую пользу вы можете принести сайту правильно его оптимизируя по остальным пунктам.

Далее рассмотрим, как влияет скорость на ранжирование.