# Що таке браузер: коротка історія вікна, через яке ми дивимось на інтернет
Чай вистиг. Повідомлення блимає з кутка екрана, кіт ліг на клавіатуру так, ніби йому саме сьогодні треба допомогти мені з текстом. І я от думаю: що таке браузер — не як у підручнику, а як воно є в руках, у звичках, у пам’яті пальців. Бо ми ж не кажемо “відкрий веб-клієнт для HTTP”, ми бурчимо: “де мій Chrome?” або “знову цей Safari щось мудрує”. І смішно, але правда — ми живемо в браузері більше, ніж у власній кухні.
Чесно кажучи, пояснювати “що таке браузер” — це як пояснювати двері. Ними всі користуються, але мало хто дивиться на завіси. Тож давайте так: я підніму одну завісу, потім іншу. Десь крякне, десь скрипне, а далі — як піде.
Ну от.
Веб-браузер: коротке визначення без нудьги
Браузер — це програма, яка бере адресу (URL), йде в інтернет, тягне звідти дані і перетворює їх на сторінку, що виглядає як сторінка: текст, картинки, кнопки, відео, оте все. Він говорить мовами, про які ми не думаємо: HTTP(S), HTML, CSS, JavaScript. Він як перекладач і будівельник одночасно: зрозумів, намалював, оживив. І ще — охоронець при дверях.
Браузер — вони. Так дивно сказав, але хай. Бо в ньому багато “вони”: вкладки, процеси, розширення, менеджер паролів. Система з персонажів, що роблять вигляд, ніби вони — один спокійний герой.
Щоб не збрехати, тут важливо просте: без браузера інтернет для нас — це шум пакетів, ніякої романтики. З браузером — це читання новин, мемчики, робота, листи від мами, які чомусь ще відкриваються в окремому вікні, та й годі.
Як працює браузер під капотом
Уявіть: ви вбиваєте в адресний рядок “kotyky.ua”. Натискаєте Enter. Ага, починається танець.
– Спершу браузер розуміє, що це за адреса і куди бігти. Якщо ви не впевнені, він хитро перетворить рядок на пошук — і зробить вигляд, що так і треба.
– Потім шукає, де живе сайт: через DNS отримує IP-адресу. Непомітно.
– Далі — рукостискання без рук: шифрування, TLS, щоб ніхто не підслухав.
– Надсилає запит: “Дай-но мені сторінку”. Сервер відповідає: “Ось тобі HTML, а ще з боку підкинь CSS, ось тут JavaScript, картинки — там”.
– І тут вступає в гру рендеринг. Браузер розбирає HTML і будує DOM — дерево сторінки. CSS додає стиль, утворюється CSSOM. Вони одружуються у рендер-дерево, робиться розкладка, малювання, композиція. Весь цей ляп-ляп пензлями, тільки дуже швидко і без фарби.
JavaScript при цьому метушиться збоку: дихає у вухо DOM-у, щось змінює, клацає кнопки за вас, тягне дані. Подекуди зупиняє все, щоб подумати — і тоді сторінка грузиться і грузиться. Ви знаєте цей момент: курсор не бігає, а час тягнеться гумою.
Сучасні браузери не дурні. Вони ділять роботу на процеси: кожна вкладка часто живе у своєму маленькому світі. Якщо одна падає — інші роблять вигляд, що не знайомі. Є пісочниця безпекова: скрипти не мають лазити куди не просили. Є політика “єдиного джерела” (same-origin), щоб якийсь сайт не читав ваші листи на іншому. Є кеш — щоб не качати одні й ті самі картинки п’ятнадцять разів. Є ще GPU-акселерація, бек/форвард-кеш, пре-лоадінг. Це все слова з присмаком кави і недоспаних розробників.
Сусід грюкнув дверима, я ледь не злякався. Перепрошую. Повертаємось.
Інколи браузер прикидається офлайн-героєм: завдяки service worker-ам може показати щось навіть без інтернету. Комусь — прогресивні веб-застосунки, комусь — ніяких чудес, лише білий екран і “перевірте з’єднання”. Як пощастить.
А безпека? Тут він як охоронець на вході в клуб: сертифікат не той — не пустить. Підозрілий скрипт — промовчить, але тихо заблокує. Буває, перегинає. Краще так, ніж навпаки.
Браузер vs пошуковик: де ми плутаємося
Почнемо з головного: браузер — це програма. Пошуковик — це сайт. Ви запускаєте один, щоб потрапити в інший. Звучить очевидно, та ні. Ми звикли називати все “гуглом”. Відкрив Chrome, вбив запит у рядок — і потрапив у Google. І мозок такий: а, це одне й те саме.
Ні. Браузер можна поміняти: Chrome, Firefox, Edge, Safari, Brave, Opera — вишикувались. Пошуковик теж: Google, DuckDuckGo, Bing, навіть те, чим користується ваш дядько, якого ви ніжно дражните. У кожного свої заморочки, свої фокуси: швидкість, приватність, розширення, синхронізація.
Чесно кажучи, головне — щоб працювало і не заважало. І ще — щоб не гальмувало під час зум-колу, бо там ваш начальник із жвавими бровами. Але це вже окрема пісня.
До речі, пригадав, як показував мамі: “Адресний рядок — це як кишенька для адрес, а пошук — як запитання охоронцю: де тут молоко?” Вона тоді кивнула і сказала: “Ну, головне — щоб рецепт сирників знайшов”. Мати має рацію, зазвичай.
Кеш, кукі та історія — дрібна куховарня
Ось цей відсік, який ми не любимо відкривати. Кеш — це склад, де браузер тримає копії сторінок, картинок, шрифтів, щоб наступного разу все прилітало швидше. Як коробка з “корисними штуками”, яку ніхто не хоче розбирати, але інколи треба.
Кукі — це маленькі файлики з даними. Їх ставлять сайти, щоб пам’ятати вас: логіни, мову, що ви поклали в кошик. Корисні, але іноді надто цікаві. Вони ще можуть вас відстежувати між сайтами — оці, трекінгові. Браузери вже косо на них дивляться, підрізають крила. Хтось більше, хтось менше.
Історія — список ваших прогулянок. Зручно, коли треба згадати статтю про ремонт мікрохвильовки. Незручно, коли не треба згадувати нічого і нікому. Є ще автозаповнення, менеджер паролів, синхронізація між пристроями. І весь цей затишок може обернутися головним болем, якщо телефон загубився, а пароль один на все життя. Не робіть так.
Режим “інкогніто”? Ага. Він не робить вас невидимкою, він просто не записує локальну історію і прибирає кукі після закриття. Провайдер, роботодавець, сайт — вони все ще можуть бачити ваш трафік. Смішно, але правда. Ні, серйозно, не вірте у плащ-невидимку, там лише тонка накидка.
І ще про розширення. Ці маленькі магії, що блокують рекламу, роблять скріншоти, записують відео, перекладають табличку у табличку. Розширення — це сила. І ризик. Вони отримують доступ до ваших сторінок, бачать, що ви робите. Встановлюйте, якби то сказати, з холодною головою.
І все.
Це той рідкісний випадок, коли коротка емоційність — краща інструкція.
Ну, і про мобільні. Там браузер — це часто “скрін у скріні”: жестами, вкладками під пальцем, із вбудованими перекладачами, які інколи перекладають “диван” як “софа”, а інколи — як “трон”. Працює — і добраніч. Не працює — ви перевстановлюєте додаток о третій ночі, бо квитки на літак чомусь не купуються. Та й годі.
А тепер — трохи практики, без плакатів.
– Якщо сторінка раптом стала поводитися дивно, попробуйте очистити кеш для цього сайту. Інколи це як перекинути стару коробку — і в ній нарешті знайдуться ножиці.
– Якщо браузер гріє ноутбук — подивіться на розширення і на кількість вкладок. Вкладки — це маленькі двигуни. Вони не сплять.
– Якщо хвилює приватність — увімкніть ізоляцію сторінок, блокуйте трекери, відв’яжіть обліковий запис від браузера, якщо можете жити без синхронізації.
– Якщо любите експерименти — спробуйте інший движок. Не інший логотип, а інший движок: Blink/Chromium, Gecko (Firefox), WebKit (Safari). Вони відчуваються по-різному, як різні велосипеди.
Десь тут має з’явитися дисциплінована примітка. Більше про те, як не тонути у вкладках, я розповідав у колонці “Вкладки проти мене” (https://mysite.ua/vkladky) — там і смішно, і трішки соромно.
Чесно кажучи, найцікавіше в браузері — не технології. Звички. Рейтинги показують одне, а рутина — інше. Ми звикаємо до гарячих клавіш як до улюбленої кружки. Ctrl+L — в рядок. Ctrl+Shift+T — поверніть вкладку, я не хотів. Pin таб — щоб не зникала робота. І цей танець пальців — це і є наш маленький, приватний інтернет.
Це вже інша історія.
А тепер момент зламаної поезії. Браузери хочуть бути всім: гаманцем для карток, платформою для застосунків, плеєром, редактором коду, ігровою консоллю на JavaScript. Вони давно перестали бути просто “вікном”. Вони як співмешканець: на кухні, в кімнаті, в дорозі. Іноді допомагає, іноді шумить пакетами вночі.
Щоб не збрехати, я інколи мрію про простий день: одна вкладка, одна стаття, один чай (який не вистиг). Але повідомлення блимає, новини за вуглом, коментарі іншого браузера радять “поставити оновлення”, і я, як той собака, дивлюсь у три сторони. Теж досвід.
Ну от, ми прийшли до кінця і не розвалилися. Запам’ятайте коротко: що таке браузер? Це ваш універсальний перекладач і будівельник вебу, з охоронцем на вході й складувальником за спиною. Програма, яка робить інтернет відчутним. Вона інколи плутає двері з вікном, інколи — вас із ботом. Вона старається. Ми теж.
Смішно, але правда: кращий браузер — той, про який ви менше думаєте. Бо коли все гладко — сторінка відчинилась, ви прочитали, посміхнулись, закрили ноутбук.
І пішли нарешті налити свіжий чай.
