[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"$fTlOaZJte4f69R0x3pDgYIVK3CcysHEFLzb7-vmDzOtc":3},{"slug":4,"title":5,"description":6,"date":7,"created_at":8,"updated_at":8,"h1":5,"content":9,"views":10,"next_articles":11},"gzip-i-keshirovanie","Gzip и Brotli: сжатие HTML, CSS и JS","HTML-страница без сжатия может весить 50-100 КБ. CSS — 20-50 КБ. JavaScript — 100-500 КБ. Вместе — 200-650 КБ на одну страницу. Без сжатия.","2026-08-09","2026-09-07","\u003Ch2>Почему без сжатия сайт весит в 3 раза больше\u003C\u002Fh2>\n\u003Cp>HTML-страница без сжатия может весить 50-100 КБ. CSS — 20-50 КБ. JavaScript — 100-500 КБ. Вместе — 200-650 КБ на одну страницу. Без сжатия.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Gzip и Brotli\u003C\u002Fstrong> — это алгоритмы сжатия, которые уменьшают размер текста (HTML, CSS, JS, JSON) на 60-80%. Страница, которая весила 500 КБ, после сжатия будет 100-150 КБ.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Результат:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cul>\u003Cli>Страница загружается в 3-5 раз быстрее\u003C\u002Fli>\u003Cli>Меньше трафика для пользователя\u003C\u002Fli>\u003Cli>Меньше нагрузка на сервер\u003C\u002Fli>\u003Cli>Лучшая скорость = лучшие позиции в поиске\u003C\u002Fli>\u003C\u002Ful>\n\u003Ch2>Gzip — стандарт сжатия\u003C\u002Fh2>\n\u003Cp>Gzip — самый распространённый алгоритм сжатия. Поддерживается всеми браузерами.\u003C\u002Fp>\n\u003Ch3>Как включить gzip в nginx\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-nginx\">gzip on;\ngzip_types text\u002Fplain text\u002Fcss application\u002Fjson application\u002Fjavascript text\u002Fxml application\u002Fxml application\u002Fxml+rss text\u002Fjavascript;\ngzip_min_length 1000;\ngzip_comp_level 6;\ngzip_vary on;\ngzip_proxied any;\ngzip_buffers 16 8k;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Как включить gzip в Apache\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-apache\"><IfModule mod_deflate.c>\n    AddOutputFilterByType DEFLATE text\u002Fhtml text\u002Fcss application\u002Fjson application\u002Fjavascript text\u002Fxml application\u002Fxml\n    DeflateCompressionLevel 6\n    SetOutputFilter DEFLATE\n<\u002FIfModule>\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Как проверить, включён ли gzip\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-bash\">curl -sI 'https:\u002F\u002Fexample.ru\u002F' | grep -i content-encoding\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Если ответ \u003Ccode>Content-Encoding: gzip\u003C\u002Fcode> — сжатие включено. Если пусто — нет.\u003C\u002Fp>\n\u003Ch2>Brotli — более эффективный алгоритм\u003C\u002Fh2>\n\u003Cp>Brotli — алгоритм от Google, который сжимает на 15-20% лучше gzip. Поддерживается всеми современными браузерами (Chrome, Firefox, Safari, Edge).\u003C\u002Fp>\n\u003Ch3>Как включить Brotli в nginx\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-nginx\">brotli on;\nbrotli_types text\u002Fplain text\u002Fcss application\u002Fjson application\u002Fjavascript text\u002Fxml application\u002Fxml text\u002Fjavascript;\nbrotli_comp_level 6;\nbrotli_buffers 16 8k;\nbrotli_min_length 20;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>\u003Cstrong>Важно:\u003C\u002Fstrong> nginx должен быть собран с модулем \u003Ccode>ngx_brotli\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch3>Как проверить Brotli\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-bash\">curl -sI -H 'Accept-Encoding: br' 'https:\u002F\u002Fexample.ru\u002F' | grep -i content-encoding\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Если \u003Ccode>Content-Encoding: br\u003C\u002Fcode> — Brotli работает.\u003C\u002Fp>\n\u003Ch2>Gzip vs Brotli — что выбрать\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Фактор\u003C\u002Fth>\n\u003Cth>Gzip\u003C\u002Fth>\n\u003Cth>Brotli\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>Сжатие\u003C\u002Ftd>\n\u003Ctd>Базовое\u003C\u002Ftd>\n\u003Ctd>На 15-20% лучше\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Поддержка\u003C\u002Ftd>\n\u003Ctd>Все браузеры\u003C\u002Ftd>\n\u003Ctd>Современные браузеры\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Нагрузка на сервер\u003C\u002Ftd>\n\u003Ctd>Средняя\u003C\u002Ftd>\n\u003Ctd>Выше\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Сложность настройки\u003C\u002Ftd>\n\u003Ctd>Простая\u003C\u002Ftd>\n\u003Ctd>Требует модуль\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>\u003Cstrong>Рекомендация:\u003C\u002Fstrong> настройте оба. nginx сам выберет: если браузер поддерживает Brotli — отдаст Brotli, иначе — gzip.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-nginx\"># Сначала проверяем Brotli, потом Gzip\nbrotli on;\nbrotli_types text\u002Fplain text\u002Fcss application\u002Fjson application\u002Fjavascript text\u002Fxml application\u002Fxml text\u002Fjavascript;\nbrotli_comp_level 6;\n\ngzip on;\ngzip_types text\u002Fplain text\u002Fcss application\u002Fjson application\u002Fjavascript text\u002Fxml application\u002Fxml text\u002Fjavascript;\ngzip_comp_level 6;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch2>Какие файлы сжимать\u003C\u002Fh2>\n\u003Ch3>Сжимать нужно:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>HTML\u003C\u002Fstrong> — сжатие на 70-80%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>CSS\u003C\u002Fstrong> — сжатие на 70-80%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>JavaScript\u003C\u002Fstrong> — сжатие на 60-75%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>JSON\u003C\u002Fstrong> — сжатие на 70-80%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>XML\u003C\u002Fstrong> — сжатие на 70-80%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>SVG\u003C\u002Fstrong> — сжатие на 70-80%\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Web Fonts\u003C\u002Fstrong> (woff2) — уже сжаты, не нужно\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3>Не нужно сжимать:\u003C\u002Fh3>\n\u003Cul>\n\u003Cli>\u003Cstrong>Изображения\u003C\u002Fstrong> (jpg, png, gif) — уже сжаты\u003C\u002Fli>\n\u003Cli>\u003Cstrong>WebP\u003C\u002Fstrong> — уже сжаты\u003C\u002Fli>\n\u003Cli>\u003Cstrong>woff2, ttf\u003C\u002Fstrong> — шрифты уже сжаты\u003C\u002Fli>\n\u003Cli>\u003Cstrong>PDF\u003C\u002Fstrong> — уже сжаты\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Видео\u002Fаудио\u003C\u002Fstrong> — уже сжаты\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Настройка сжатия\u003C\u002Fh2>\n\u003Ch3>Минимальная длина (gzip_min_length)\u003C\u002Fh3>\n\u003Cp>Не сжимайте файлы меньше определённого размера — overhead сжатия может превысить выгоду.\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-nginx\">gzip_min_length 1000;  # не сжимать файлы < 1 КБ\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>Уровень сжатия (gzip_comp_level)\u003C\u002Fh3>\n\u003Cp>Уровень от 1 до 9. Чем выше — тем лучше сжатие, но больше нагрузка на сервер.\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Рекомендуемый уровень: 6.\u003C\u002Fstrong> Оптимальный баланс между сжатием и производительностью.\u003C\u002Fp>\n\u003Ch3>Vary: Accept-Encoding\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-nginx\">gzip_vary on;\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Добавляет заголовок \u003Ccode>Vary: Accept-Encoding\u003C\u002Fcode>, который говорит прокси-серверам кэшировать обе версии (сжатую и несжатую). Без этого прокси может отдать несжатый файл браузеру, который поддерживает сжатие.\u003C\u002Fp>\n\u003Ch2>Сжатие и Health Score\u003C\u002Fh2>\n\u003Cp>В Health Score seoquest.ru сжатие — один из ключевых параметров:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>Gzip включён\u003C\u002Fstrong> — критично, если не включено\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Brotli включён\u003C\u002Fstrong> — рекомендуется\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Размер страницы\u003C\u002Fstrong> — после сжатия должен быть в 3-5 раз меньше\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Как проверить эффект сжатия\u003C\u002Fh2>\n\u003Ch3>1. curl\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-bash\"># Без сжатия\ncurl -sI 'https:\u002F\u002Fexample.ru\u002F' | grep -i content-length\n\n# Со сжатием\ncurl -sI -H 'Accept-Encoding: gzip' 'https:\u002F\u002Fexample.ru\u002F' | grep -i content-length\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>Сравните Content-Length — разница покажет эффект сжатия.\u003C\u002Fp>\n\u003Ch3>2. \u003Ca href=\"\u002Ftools\u002Fgzip\">Проверка GZIP\u002FBrotli\u003C\u002Fa>\u003C\u002Fh3>\n\u003Cp>Покажет, отдаёт ли сервер сжатие по URL, без сторонних отчётов.\u003C\u002Fp>\n\u003Ch3>3. \u003Ca href=\"\u002Ftools\u002Fpage-size\">Размер страницы\u003C\u002Fa> и \u003Ca href=\"\u002Ftools\u002Fcaching-headers\">заголовки кэша\u003C\u002Fa>\u003C\u002Fh3>\n\u003Cp>Сверьте вес ответа и Cache-Control — сжатие без кэша статики даёт меньше эффекта на повторных визитах.\u003C\u002Fp>\n\u003Ch2>Итог\u003C\u002Fh2>\n\u003Cp>Gzip и Brotli — это самый простой способ ускорить сайт. Включите сжатие на сервере, и ваша страница станет в 3-5 раз меньше. Настройка занимает 5 минут, а эффект — мгновенный.\u003C\u002Fp>\n\u003Cp>Проверить сайт по техническим и контентным пунктам можно в \u003Ca href=\"\u002Fcheck\u002Ffree\">бесплатной проверке\u003C\u002Fa>.\u003C\u002Fp>\n\u003Csection class=\"blog-faq\">\n\u003Ch2>Вопросы и ответы\u003C\u002Fh2>\n\u003Cdetails>\u003Csummary>Brotli работает со всеми браузерами?\u003C\u002Fsummary>\u003Cp>Нет, только с современными. Старые браузеры (IE, старые Safari) не поддерживают Brotli. Поэтому настраивайте fallback на gzip.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Сжатие влияет на CPU сервера?\u003C\u002Fsummary>\u003Cp>Да, но незначительно. Уровень сжатия 6 — оптимальный баланс. На современных серверах нагрузка незаметна.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Нужно ли сжимать изображения?\u003C\u002Fsummary>\u003Cp>Нет, изображения уже сжаты. Используйте WebP — это лучший формат сжатия для изображений.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cdetails>\u003Csummary>Gzip и Brotli можно включать вместе?\u003C\u002Fsummary>\u003Cp>Да, nginx сам выберет. Если браузер поддерживает Brotli — отдаст Brotli, иначе — gzip.\u003C\u002Fp>\u003C\u002Fdetails>\n\u003Cp>Связанная тема: \u003Ca href=\"\u002Fblog\u002Fskorost-zagruzki-sajta-seo\">скорость загрузки сайта\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fsection>",0,[12,16,20,23,26],{"slug":13,"title":14,"date":15,"views":10},"bitye-css-i-js","Битые CSS и JS","2026-08-08",{"slug":17,"title":18,"date":19,"views":10},"formatirovanie-kontenta","Форматирование контента для пользователей и поиска","2026-08-15",{"slug":21,"title":22,"date":7,"views":10},"robot-view-glazami-robota","Сайт глазами робота",{"slug":24,"title":25,"date":7,"views":10},"indexability-stranicy","Индексность страницы: robots, noindex, canonical",{"slug":27,"title":28,"date":7,"views":10},"ustarevshie-html-tegi","Устаревшие HTML-теги на сайте",1789381424869]