Gzip Compression — це метод стиснення текстових файлів на сервері перед їх відправленням у браузер, який зменшує розмір HTML, CSS і JavaScript часто на 60–80%. Браузер отримує стиснуту версію, автоматично її розпаковує й показує сторінку — а завдяки меншому обсягу даних сторінка вантажиться помітно швидше й економить трафік користувача.
Простими словами: це як заархівувати документи в zip перед відправкою поштою. Замість важкого файлу летить легкий архів, а одержувач сам його розпаковує — швидко й непомітно.
Що таке Gzip Compression і навіщо він потрібен
Текстовий код сторінки містить багато повторів — теги, пробіли, однакові назви класів. Алгоритм gzip знаходить ці повтори й записує їх коротше, тому HTML, CSS і JS «худнуть» на 60–80%. Менший обсяг — швидша передача, а швидкість завантаження прямо впливає і на поведінку користувачів, і на оцінку сторінки в Core Web Vitals.
Gzip — фактично галузевий стандарт: його підтримують усі сучасні браузери й сервери. Тому вимкнене стиснення — це майже завжди «безкоштовна» втрата швидкості, яку легко повернути.
Як працює Gzip Compression
- Браузер надсилає серверу заголовок
Accept-Encoding: gzip— «я вмію розпаковувати gzip». - Сервер стискає файл і віддає його із заголовком
Content-Encoding: gzip. - Браузер отримує стиснуту відповідь, миттєво її розпаковує й рендерить сторінку.
Як увімкнути й перевірити
Умикається на боці сервера: на Apache — через mod_deflate, на Nginx — директивою gzip on;, на багатьох хостингах — галочкою в панелі або плагіном кешування. Перевірити, чи працює стиснення, можна в інструментах розробника браузера (вкладка Network, заголовок Content-Encoding) або через PageSpeed Insights — він прямо підкаже, якщо стиснення тексту вимкнене.
Приклад
Головна сторінка важить 300 КБ «сирим» HTML+CSS+JS. Після ввімкнення gzip той самий код передається у вигляді ~70 КБ — учетверо менше. На мобільному інтернеті це відчутна різниця в часі до появи контенту, особливо при слабкому сигналі.
Часто плутають з…
- Brotli — новіший алгоритм стиснення від Google, зазвичай ще ефективніший за gzip; принцип той самий, але кращий коефіцієнт.
- Мініфікація — прибирає пробіли й коментарі всередині коду; gzip стискає вже готовий файл. Їх застосовують разом.
- Стиснення зображень — окрема задача: gzip майже не допомагає з JPEG/PNG, бо вони вже стиснені по-своєму.
Питання та відповіді
Gzip впливає на SEO?
Опосередковано, але відчутно. Він пришвидшує завантаження, а швидкість — частина сигналів Page Experience і Core Web Vitals, які Google враховує в ранжуванні.
Що краще — gzip чи Brotli?
Brotli зазвичай стискає сильніше, особливо статику. Але gzip підтримується геть усюди, тому часто вмикають обидва: Brotli там, де можна, gzip — як запасний.
Чи стискає gzip зображення й відео?
Практично ні. JPEG, PNG і відео вже стиснені власними алгоритмами. Gzip ефективний для текстових форматів: HTML, CSS, JS, SVG, JSON.
Сайт вантажиться повільно? Увімкнемо стиснення й кешування, приберемо гальма — виправлення помилок на сайті та технічний SEO-аудит.
Схожі терміни: Швидкість завантаження, PageSpeed, Core Web Vitals, Кешування.