Что происходит, когда вы вводите адрес сайта? Путешествие страницы в 5 шагов

Шаг 1: найти адрес сервера (DNS)

Вы набираете moyafirma.ru. Ваш браузер не знает, где это: в интернете машины находят друг друга по числовому адресу («IP-адресу», например 15.237.40.212). Поэтому он спрашивает у справочника — DNS, — какой адрес скрывается за этим именем. Ответ приходит за несколько миллисекунд, часто из памяти вашего роутера или провайдера, который уже запрашивал его для кого-то другого.

Именно здесь доменное имя играет свою единственную роль: строка в справочнике, которая говорит «это имя — по этому адресу». Если строка отсутствует или неверна, путешествие заканчивается здесь, с сообщением «сайт не найден».

Шаг 2: установить соединение

С адресом в руках браузер стучится в дверь сервера. Две машины договариваются, как им общаться, — это «рукопожатие». Этот шаг зависит от физического расстояния: сервер в Европе отвечает посетителю из соседней страны за десяток миллисекунд; сервер в Калифорнии — за сотню. Каждый обмен туда-обратно имеет значение, а их несколько.

Шаг 3: защитить разговор (HTTPS)

Прежде чем обменяться хоть каким-то содержимым, сервер предъявляет свой сертификат — доказательство того, что он действительно сервер moyafirma.ru. Браузер его проверяет, после чего оба договариваются о ключе шифрования, который больше никому не известен. С этого момента всё, что передаётся, нечитаемо для посредников — это и есть замочек. HTTPS для новичков — подробнее об этом шаге.

Шаг 4: запросить страницу и получить её

Наконец браузер отправляет свой запрос: «дай мне главную страницу». То, что делает сервер в этот момент, во многом определяет скорость сайта:

Страница приходит в виде текста — HTML, — который описывает структуру: заголовок, абзацы, здесь картинка, там кнопка. Но сами картинки, шрифты и оформление в нём не содержатся: он лишь ссылается на них.

Шаг 5: собрать и показать

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

Этот последний шаг объясняет большинство медленных сайтов: дело не в сервере, а в весе и количестве того, что нужно загрузить. Фотография в 5 МБ, снятая на телефон и выложенная на страницу как есть, весит больше, чем всё остальное вместе взятое. Почему сайт медленный — там мы возвращаемся к этому вопросу.

Что Leopar делает за вас

Каждый шаг этого путешествия берётся на себя: доменное имя зарегистрировано и его A-запись установлена (шаг 1), ваш сайт отдаётся с сервера в Европе (шаг 2), HTTPS включён и продлевается автоматически (шаг 3), страница — статический файл, который отдаётся как есть, без обращения к базе данных (шаг 4), а фотографии отдаются в нужном размере, а не в оригинале (шаг 5).

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

Частые вопросы

Почему второе посещение быстрее первого?
Браузер хранит в памяти («кэше») уже полученные картинки, шрифты и стили. При втором посещении ему остаётся запросить только HTML.

Где физически находится мой сайт?
На сервере, то есть на компьютере, который постоянно включён в дата-центре. Его расположение влияет на скорость: для посетителей из Европы предпочтителен сервер в Европе.

Что означает «ошибка 404» или «ошибка 500»?
Это ответы сервера на шаге 4. 404: запрошенной страницы не существует. 500: сервер упал, пытаясь её собрать, — типично для динамического сайта и невозможно на статическом.

На мобильном всё происходит так же?
Точно так же, только соединение часто менее стабильное: каждый обмен туда-обратно обходится дороже. Отсюда важность лёгких страниц.