Что происходит, когда мы гуглим веб-сайт
Под капотом
Никогда не задумывались, почему я начинаю все истории из-под капота?
Ну, под капотом, что означает намерение, каков был мыслительный процесс, чтобы написать эту историю?
Где я получаю мотивацию для написания истории, описано в разделе «Под капотом». Моя последняя история получила много мнений и любви на dev.to.
Я рассказал историю о том, почему веб-сайты работают медленно, обсуждая важность размера пакета. Я указал на новый подход к решению проблем с производительностью или оптимизацией веб-сайта.
Эта история вдохновила вас на чтение о пакетах и о том, как веб-сайты загружают файлы s, как браузеры их анализируют и компилируют, и ни о чем другом.
Связки — это ключ
Чем больше я читаю, тем больше точек связано. Когда Сундар Пичаи разрабатывал браузер в Google, даже если основатели с ним не соглашались, он мог волшебным образом сделать что-то подобное.
Это кажется трудным, если это не сделано.
Я привык к мысли, что обслуживание веб-сайтов с серверов в браузеры не так уж важно, поскольку нам часто приходится иметь дело только с написанием кода.
Но чем дальше я путешествую по разработке программного обеспечения, тем больше точек появляется в фокусе. Теперь пришло время соединить точки и немного лучше понять основы.
Пакеты — это то, как веб-сайты обслуживаются через Интернет через кабели, которые вы установили в своих домах для подключения к Интернету.
Странно, связки, серьезно?
Да, пакеты — это набор файлов HTML, CSS и JavaScript, которые обслуживаются в Интернете. Эти пакеты несут веб-страницы вашего сайта.
Если у вас есть главная страница и страница профиля, включая CSS, изображения и HTML-файлы, то они объединяются, минимизируются или, допустим, разбиваются на небольшие фрагменты и отправляются по проводам в ваш браузер.
Молниеносно быстро
Представьте, как быстро эти вещи работают внутри, потому что загрузка всего веб-сайта medium.com или большей части веб-сайта занимает менее 3/4 секунд.
Я имею в виду, что даже после этих 3/4 секунд мы, люди, боремся за оптимизацию сайта и проблемы с производительностью, странно.
Люди даже 4 секунды не могут дождаться загрузки сайта, я даже представить не могу, что ответил первый посетитель сайта 🥸.
Интернет и как это работает
Во-первых, интернет — это не браузер. Если вы думаете так же, то позвольте мне исправить ошибку. Электронная почта, TCP и браузер — это сервисы или так называемые подмножества Интернета.
Интернет означает соединение 2 компьютеров вместе или общение между 2 компьютерами.
Поэтому, если сервер расположен в Тихом океане, а вы просматриваете сайт в Канаде, эти серверы и ваш компьютер взаимодействуют друг с другом, чтобы дать вам результат.
В этом случае результатом являются HTML-файлы или веб-страницы, содержащие ваш веб-сайт.
Google Chrome делает запись
И здесь в игру вступает Google Chrome или браузер.
Как только ваш компьютер получает веб-страницы с серверов, вашему компьютеру по-прежнему требуется программное обеспечение или инструмент для открытия, загрузки, анализа или компиляции веб-страниц.
Chrome делает это за нас, даже не беря с нас больше, такая хорошая работа.
Chrome и его внутренняя сторона
Теперь Chrome получает веб-страницы и готовится организовать для нас вечеринку. Chrome в основном анализирует и компилирует веб-страницы и загружает веб-сайт.
Не только этот хром -
- Отрисовка HTML-файла
- Запустите файл Javascript
- Нарисуйте сайт с помощью CSS
Я даже не могу представить, но я хотел бы разработать такое программное обеспечение в своей жизни.
Что происходит, когда я ищу доменное имя в Google?
Если выполнить поиск www.medium.com, то имя среднего домена даст моему браузеру IP-адрес, на котором расположены средние серверы. Со средних серверов мой браузер будет получать средний веб-сайт или фрагменты веб-страниц, называемые пакетами.
Затем эти пакеты анализируются, компилируются и выполняются в браузере для загрузки веб-сайта.
Доменное имя дает только IP-адрес. Раньше мы использовали только IP-адрес, но трудно запомнить, что после этого идет доменное имя.
Вот как технологии развиваются с течением времени, удивительно.
Теперь у нас есть доменное имя, которое дает IP-адрес сервера. Из IP-адреса мы получаем местоположение сервера или широту и долготу, а по кабелям общаемся с сервером и запрашиваем веб-сайт, связанный с доменным именем.
Затем серверы возвращают веб-сайт в любом виде, раньше это были HTML-файлы, теперь чаще в виде пакетов.
Наконец, после того, как файлы получены, браузер работает без нареканий.
Это основы, сделано и пыль.
Будущая эволюция
Этот процесс в основном останется прежним. Чтобы ускорить работу, лучшие серверы расположены поблизости и установлено больше серверов для быстрого обслуживания веб-сайта.
В противном случае мне потребовалось бы больше времени, чтобы запросить веб-страницы с сервера, расположенного в Тихом океане, чем в Индийском океане, потому что я нахожусь в Индии, поэтому нужно преодолевать меньшее расстояние и все может происходить быстрее.
Даже не больше серверов, в будущем у нас будет децентрализованная система, где каждый компьютер будет общаться друг с другом и помогать друг другу обслуживать.
Если я уже выполнил поиск на веб-сайте medium.com и какой-либо новый человек рядом с моим компьютером или поблизости попытается найти в Google medium.com, мой компьютер передаст веб-сайт ему.
Узнайте о технологии IPFS в блокчейне и мире web3.
Нам не нужно полагаться на отдельные централизованные серверы для обслуживания нашего веб-сайта. Мы можем просто протолкнуть его в цепочку, и все компьютеры в мире сами будут выступать в роли серверов и потребителей.
Довольно странная, но довольно мощная концепция.
Заключение
Тем не менее, многое нужно понять, поскольку у нас есть только хром для анализа веб-сайтов, это не открытый исходный код, поэтому мы не можем оптимизировать или изменить внутреннюю логику.
Пока что мы можем позаботиться о пакетах, большом количестве серверов и оптимизации кода, а также о хороших практиках, но в будущем у нас может быть хороший контроль над тем, как обслуживается веб-сайт.
До следующего раза, хорошего дня.
Продолжайте развиваться
Шрей
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.
