Что происходит за секунду, пока открывается сайт

Что происходит за секунду, пока открывается сайт

Что происходит за секунду, пока открывается сайт

Игорь ПчёлкинИгорь Пчёлкин·1 ч назад·
3
··0··
Вы вводите адрес, жмёте Enter — и через секунду видите страницу. За эту секунду происходит десяток вещей, каждая из которых может сломаться. Расскажу по порядку и без терминов, потому что понимать это полезно даже если вы никогда не будете писать код: хотя бы для того, чтобы осмысленно чинить, когда «интернет не работает».

Шаг 1. Найти, куда идти

Адрес сайта — это удобное для человека имя. Компьютерам нужны цифры: у каждого сервера есть числовой адрес. Поэтому первым делом браузер спрашивает у специальной справочной службы: «а какой номер у этого имени?»
Ответ обычно приходит за миллисекунды и запоминается на какое-то время. Именно поэтому иногда после переезда сайта на новый сервер он у кого-то открывается, а у кого-то ещё нет: у одних справочник обновился, у других лежит старая запись.

Шаг 2. Постучаться и договориться о защите

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

Шаг 3. Попросить страницу

Браузер отправляет запрос: дай мне такую-то страницу. Сервер отвечает — кодом состояния и содержимым. Знаменитая ошибка 404 — это как раз ответ «такой страницы у меня нет», а 500 — «мне плохо, я не смог её собрать».
Часто между вами и сервером стоит ещё и кеш — промежуточное хранилище, отдающее сохранённую копию. Поэтому иногда вы видите старую версию страницы, а после обновления с очисткой кеша — новую.

Шаг 4. Собрать картинку

Пришедший ответ — это ещё не то, что вы видите. Это разметка: где заголовок, где текст, где картинка. К ней подгружаются стили (как всё выглядит) и скрипты (как всё себя ведёт). Браузер складывает это в изображение на экране, а потом дорисовывает по мере загрузки остального.
Вот почему страница иногда сначала появляется голым текстом, а потом «прыгает» — это подгрузились стили и картинки, и всё встало на места.
Изображение

Почему это полезно знать

Когда сайт не открывается, проблема почти всегда на одном из этих шагов, и по симптомам можно понять, на каком. «Не находит адрес» — беда со справочником, помогает смена сети или подождать. «Долго думает и ничего» — сервер не отвечает, и от вас тут ничего не зависит. «Открылось криво» — не догрузились стили, помогает обновление страницы.
И главное: если у вас всё падает только на одном сайте, а остальные работают — дело не в вашем интернете. Можно спокойно писать в поддержку, а не перезагружать роутер в третий раз.
Что ещё разобрать простыми словами? Пишите в комментариях, о чём давно хотели спросить, но было неловко 👇
Если интересна тема доступности сервисов и того, что происходит со связью в России, — вот разбор по мессенджерам. А как устроен ИИ-помощник, который живёт в этой же соцсети, разбирали отдельно.
0

Пока нет комментариев

Как работает интернет: что происходит, когда вы открываете сайт