Интернет простыми словами: из чего он состоит и как открывается страница

Что такое интернет?

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

Масштаб сегодня огромен. По данным Яндекс Практикума, в сеть регулярно выходят 5,5 млрд человек, а это 68% населения мира. Для владельца бизнеса это означает, что почти любой ваш клиент уже онлайн, а вопрос лишь в том, с какого устройства и по какому каналу он к вам приходит.

У интернета нет единого хозяина. Как отмечает Кодик, правила и адресацию согласуют разные организации: ICANN отвечает за домены и IP-адреса, IETF за технические стандарты. Децентрализация даёт устойчивость, и сеть продолжает работать, даже если отдельные её части недоступны.

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

Начало положил исследовательский проект ARPANET. В том же материале Кодика описано первое сообщение по этой сети: учёные хотели передать слово «LOGIN», но из-за сбоя системы дошли только две первые буквы. Сегодняшние сервисы с мгновенной доставкой выросли из сети, которая при первой попытке не смогла передать пять букв.

Как устроен интернет: путь запроса от браузера до сервера

Проще всего понять устройство сети на примере из справки MDN. Если соединять компьютеры друг с другом напрямую, для десяти машин понадобится 45 кабелей и по 9 сетевых карт в каждой. Когда все подключены к одному маршрутизатору, хватит десяти кабелей, поскольку маршрутизатор пересылает пакеты между участниками. Тот же принцип масштабируется на весь мир: роутеры соединяют сети, а сети соединяют провайдеров.

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

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

Данные в сети ходят пакетами. По описанию Яндекс Образования, запрос и ответ сервера делятся на пакеты, которые подписываются адресами и идут через цепочку маршрутизаторов. Пакеты могут теряться или приходить в другом порядке, поэтому поверх IP работает TCP: он следит за целостностью и порядком. Сборкой страницы из этих кусков занимается браузер.

1. Браузер обращается к DNS и узнаёт IP-адрес сервера.
2. Устанавливается соединение по протоколу TCP.
3. Браузер отправляет запрос по HTTP или HTTPS.
4. Сервер отвечает: передаются HTML, стили, скрипты и изображения.
5. Браузер разбирает код и рисует страницу.

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

Чем интернет отличается от Всемирной паутины?

Эти слова часто путают, хотя они обозначают разное. Та же справка MDN формулирует просто: интернет - это инфраструктура, а веб - сервис, построенный на её основе. Кабели, маршрутизаторы и протоколы относятся к интернету, а сайты, которые показывает браузер, - к вебу.

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

Веб изобрёл Тим Бернерс-Ли. По рассказу Кодика, он предложил систему гипертекстовых документов, связанных ссылками, и это упростило поиск и распространение информации. Позже в ЦЕРН появился первый сайт, а сегодня его страница остаётся открытой: она состоит из заголовка и четырёх ссылок.

Есть и третий вариант: частные сети. Справка MDN называет интранетом сеть, доступ к которой разрешён только членам организации. Внутренний портал, CRM и общие диски работают на тех же протоколах, но из открытого интернета недоступны. Если сотрудники жалуются на медленную работу, проверьте, не лежит ли проблема во внутренней сети компании.

Ещё раньше, по сообщению Skillfactory, американские учёные Винтон Серф и Роберт Кан разработали протоколы TCP и IP. Они лежат в основе современной сети, и вся реклама, SEO и интернет-торговля работают поверх этих базовых правил.

Виды подключения к интернету и их скорость

Клиенты приходят к вам через разные каналы, и скорость у них отличается в разы. Яндекс Практикум разделяет подключения на проводные (Ethernet и DSL), беспроводные (Wi-Fi, мобильная связь, фиксированное беспроводное соединение), оптоволокно и спутник. Для DSL скорость падает с удалением от телефонной станции, а мобильная зависит от оператора и тарифа.

Цифры в таблице взяты из обзора Кодика, и это теоретические пределы технологий. Реальная скорость зависит от тарифа, загрузки сети и расстояния до базовой станции или АТС. В том же материале сказано, что через подводные линии длиной более 1,5 млн км проходит практически 99% международного трафика.

Спутниковый интернет закрывает остатки территорий. Кодик называет Starlink и OneWeb решением для удалённых регионов и районов: скорость там сопоставима с проводной, а задержка выше, потому что сигнал идёт через орбиту. Для сайта это значит, что часть сельских клиентов открывает страницы заметно медленнее городских.

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

• Проводные каналы (оптоволокно, Ethernet): стабильная скорость, подходят для офиса, склада и точки продаж с кассой.
• Wi-Fi и мобильная связь: удобны для сотрудников и клиентов в движении, но скорость колеблется на протяжении дня и зависит от места.
• DSL и спутник: выручают там, где других вариантов нет, однако у DSL скорость падает с расстоянием, а у спутника выше задержка.
• Резервный канал: второй провайдер или мобильный роутер, который включается при обрыве основного.

Что интернет значит для владельца сайта

Скорость доставки страницы напрямую влияет на деньги. Компания Vodafone провела A/B-тест на двух версиях одной страницы и, как пишет web.dev, получила рост продаж на 8% при улучшении показателя LCP на 31%. Половина трафика шла на оптимизированную версию, половина на обычную, и единственным отличием была скорость отрисовки.

Экспериментируйте, учитесь быстро.

Давиде Гросси, руководитель отдела цифрового маркетинга Vodafone, в том же материале web.dev

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

Похожий результат показал индонезийский маркетплейс. Команда Tokopedia занялась веб-производительностью и, по данным web.dev, увеличила CTR на 35% и конверсию на 8%. Для этого она заменила тяжёлые библиотеки и выборочно загружала сторонние скрипты, то есть работала с тем, что тормозит последний отрезок пути страницы к посетителю.

Узнать, с чего приходят клиенты, помогает Метрика. Отчёт «Устройства» в Яндекс Метрике показывает статистику по типам, производителям и моделям устройств, а путь к нему такой: «Отчёты», «Технологии», «Устройства». Если большая часть аудитории сидит со смартфонов, оптимизируйте сначала мобильную версию.

Покажем, как это выглядит в работе. Допустим, интернет-магазин замечает, что с мобильных заявок вдвое меньше, чем с компьютеров. Владелец открывает отчёт «Устройства», видит, что большая часть заходов идёт со смартфонов, и замеряет главную по мобильной сети. Затем убирает тяжёлый слайдер, сжимает изображения и сравнивает долю заявок до и после, как это делала Vodafone на двух версиях страницы.

Скорость влияет и на видимость. Подробнее о том, как структура и производительность переплетаются в выдаче, мы разбирали в материале про SEO интернет-магазина.

Что важно знать про Рунет и домены?

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

Домен принято считать собственностью, но это не так. Как объясняет справка MDN, купить домен нельзя: вы платите за право пользоваться им на один год или несколько лет и можете продлевать это право. Следите за датой окончания и включайте автопродление, иначе адрес вернётся на рынок.

Структура домена читается справа налево: сначала зона, затем название, затем поддомены. Справка MDN отмечает, что для своего домена можно создавать поддомены с разным содержимым, как у самой Mozilla с разделами для разработчиков и поддержки. Для компании это способ отделить блог, личный кабинет и справочный центр от основной страницы.

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

Частые ошибки владельцев сайтов

Первая ошибка: думать, что интернет и веб - одно и то же. Из-за неё владелец при сбое ищет проблему не там и тратит часы. Вторая: считать домен купленным и забывать о продлении. Третья: оценивать скорость только на своём компьютере.

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

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

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

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

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

• Проверьте, до какого числа оплачен домен и включено ли автопродление.
• Откройте основные страницы с телефона по мобильной сети и засеките время.
• Посмотрите в Метрике отчёт «Устройства» и найдите популярные модели.
• Включите двухфакторную аутентификацию у хостинга и регистратора домена.

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