Ви коли-небудь замислювалися про те, що потрібно для завантаження веб-сторінки у ваш браузер? Залежно від вашого підключення до Інтернету, введення URL-адреси чи адреси на веб-сторінку та натискання кнопки «Enter» переносять вас на цю веб-сторінку майже миттєво. Це може бути повільніший процес при повільніших з'єднаннях, але ви все одно можете потрапити на сторінку відносно швидко. Що відбувається за лаштунками, щоб все це відбулося? Дотримуйтесь нижче, і ми покажемо вам, що відбувається!
Зв'язок сервера до браузера
За умовами мирян, коли ви вводите посилання на свій адресний рядок або натискаєте на посилання на сторінці, браузер запитує сервер, на якому розміщена адреса. Звідти завантажуються ресурси для сторінки, а потім браузер використовує ці ресурси для візуалізації сторінки та відображення кінцевого продукту для вас.
Хоча це трохи складніше, ніж це.
Швидке слово за URL-адресами
Коли ви вводите URL-адресу, наприклад, www.google.com, це саме те, що ви бачите. Комп’ютер бачить щось інше. Після того, як ви введете цей текст і натисніть клавішу Enter, він проходить через сервер доменних імен (DNS) і перетворює його в IP-адресу - те, що комп'ютер може прочитати. Тож, хоча ви можете бачити www.google.com, браузер приймає це, передає його через DNS-сервер, а потім ви фактично підключаєтесь до однієї з багатьох IP-адрес Google, наприклад 216.58.216.110 . Ви дійсно можете ввести 216.58.216.110 в адресному рядку і опинитися в тому самому місці.
Отримання веб-сторінки у вашому браузері
Існує багато рухомих деталей, щоб веб-сторінка відображалася належним чином у вашому браузері. Однак перший крок - це запит. Ви робите запит на веб-сервер під час введення адреси веб-сайту, який ви хочете відвідати, наприклад, www.techjunkie.com. Після натискання клавіші Enter браузер підключається до веб-хоста і вимагає завантаження купи текстових файлів.
Наступним кроком є відповідь веб-сервера. Це крок, коли сервер фактично надає ресурси браузеру. Браузер запитує їх (запит), а сервер надсилає їх (відповідь). Однак як браузер знає, чи потрібно більше, ніж лише один файл? Це робиться через щось, що називається розбором. Іншими словами, браузер бере перший документ, шукаючи будь-які посилання на інші файли. Якщо він бачить посилання на інший файл, він також завантажує його. Це набагато складніше, ніж це, але це суть того, як він знаходить усі необхідні файли.
Далі вся ця інформація, яку вона завантажила, має бути створена. Він бере оригінальний HTML-документ, який він завантажив, а також усі відповідні ресурси та створює якусь структуру чи дерево. Спершу він створить мапу об’єктів документа (DOM), яка по суті є структурою або розміщенням елементів на сторінці. Далі він будує CSS Object Map - структуру стилів елементів у DOM. Нарешті, він створює Дерево візуалізації, яке в основному приймає DOM та CSS-об'єктну карту, поєднує їх і створює структуру для структуризації та стилізації сторінки.
І нарешті, сторінка потім надається та відображається вам, користувачеві. На цьому кроці також багато обчислень, оскільки браузер повинен з’ясувати, наскільки великий макет відносно вашого екрана (наприклад, розміри сторінок будуть різними, якщо ви користуєтесь планшетом, смартфоном або комп'ютером). Але як тільки це станеться, ви отримаєте останню і, сподіваємось, гарну сторінку, що відображається у вашому браузері.
Процес насправді досить дивовижний - всі ці запити та розрахунки відбуваються за лічені секунди, залежно від того, наскільки швидким є ваш Інтернет-зв’язок. Але здебільшого, хоча на веб-сторінці може бути сотні файлів, вищезазначений процес легко відбувається за 10 секунд або менше.
Закриття
Сподіваємось, ми чітко пояснили, як все ваше Інтернет-з'єднання, браузер та сервери працюють разом, щоб доставити вам веб-сторінки прямо у ваш веб-переглядач. Поглибивши розуміння того, як всі ці технології переплітаються і працюють разом, це не тільки дасть вам кращу оцінку за те, що відбувається за кадром, але також може допомогти вирішити будь-які проблеми, пов’язані з браузером.
