Какое сжатие более эффективно в WordPress?

Сжатие данных играет важную роль в производительности вашего сайта WordPress. По сути, он предполагает сжатие ваших страниц и файлов на уровне сервера перед отправкой их в браузер пользователя. Если вы новичок в этом процессе, возможно, вы пытаетесь сделать выбор между сжатием Brotli и Gzip.

Чтобы помочь вам, мы составили подробное руководство по сравнению. Рассмотрев плюсы и минусы и результаты производительности каждого метода сжатия, вы сможете выбрать решение, отвечающее вашим потребностям. 😎

В этом посте мы рассмотрим подробнее 💾 сжатие данных и как оно работает. Затем мы сравним Brotli и Gzip и покажем, как включить каждый метод в WordPress. Давайте начнем!

📚 Оглавление:

Обзор сжатия данных

Сжатие данных — это процесс уменьшения размера файлов на вашем веб-сайте WordPress, когда ваш сервер доставляет эти файлы посетителям. Файлы меньшего размера приводят к более быстрой загрузке, что важно для обеспечения хорошего пользовательского опыта и повышения рейтинга в поисковых системах.

Возможно, вы уже знакомы со сжатием изображений. Это предполагает сжатие любых больших файлов изображений на вашем сайте, чтобы они могли загружаться быстрее.

Однако, когда вы используете решение для сжатия данных, такое как Gzip или Brotli, вы можете оптимизировать все файлы вашего сайта на сервере, когда сервер доставляет эти файлы вашему читателю.

В следующих разделах мы будем сравнивать Brotli и Gzip, два самых популярных решения для сжатия данных для WordPress.

Gzip-сжатие 🗜️

Gzip — популярный метод сжатия данных, существующий с начала 1990-х годов.

На веб-сайтах сжатие Gzip может уменьшить размер файлов, совместно используемых веб-сервером и браузером пользователя. Это достигается путем замены длинных строк данных в файле более короткими.

Когда пользователь пытается посетить ваш сайт, ваш сервер проверяет, поддерживает ли его браузер сжатие Gzip. Если это так, сервер сжимает запрошенные файлы (например, HTML, CSS, JavaScript или другие текстовые файлы) перед отправкой их клиенту. Затем браузер клиента распакует их, чтобы содержимое отображалось правильно.

👉 Gzip поддерживает девять уровней сжатия без потерь. Давайте рассмотрим наиболее часто используемые методы:

• Самый быстрый (уровень 1): обеспечивает самую высокую скорость сжатия и распаковки, но обеспечивает наименьшее уменьшение размера файла. Поскольку он не требует большой вычислительной мощности, вы можете использовать его, если у вас ограниченные ресурсы сервера или небольшой веб-сайт.
• По умолчанию (уровень 6): этот уровень обеспечивает сбалансированный подход, предлагая хорошую степень сжатия при сохранении приемлемой скорости. Фактически, это метод по умолчанию для многих веб-сайтов WordPress.
• Лучший (Уровень 9): на этом уровне вы получаете наивысшую степень сжатия и наименьший размер файлов. Однако, поскольку для этого требуется больше вычислительной мощности, вам потребуется достаточно ресурсов сервера для его поддержки.

Как видите, Gzip дает вам большой контроль над уровнем сжатия. Однако для его работы требуются ресурсы сервера. Давайте подробнее рассмотрим его плюсы и минусы.

Плюсы сжатия Gzip 👍

• Gzip поддерживается практически всеми браузерами и веб-серверами, поэтому проблемы совместимости минимальны.
• Он предоставляет огромную библиотеку ресурсов и инструментов, которые помогут владельцам веб-сайтов и разработчикам реализовать и настроить сжатие Gzip.
• Gzip обеспечивает высокую скорость сжатия, что делает его идеальным для сценариев потоковой передачи, где данные необходимо сжимать и доставлять в режиме реального времени.

Минусы сжатия Gzip 👎

• Сжатие Gzip требует ресурсов сервера, что может привести к увеличению использования ЦП, что повлияет на производительность вашего сайта.
• Настройка сжатия Gzip может оказаться сложной задачей, если вы никогда раньше не обращались к своему серверу, но многие хостинг-провайдеры включают Gzip по умолчанию, поэтому вам не придется выполнять никакой работы.

Тестирование сжатия Gzip 👨‍💻

Сжатие Gzip включено по умолчанию большинством хостинг-провайдеров. Вы можете проверить, доступно ли оно на вашем сайте с помощью этот бесплатный инструмент от Gift of Speed. Все, что вам нужно сделать, это ввести URL-адрес:

Если Gzip включен, вы увидите результаты сжатия. В нашем случае Gzip уменьшил размер страницы со 108 КБ до 19,12 КБ:

Кроме того, он сжал 82,3 процента данных за 0,0033 секунды.

Не волнуйтесь, если на вашем сайте не включен Gzip — позже в этой статье мы покажем вам, как его реализовать.

Компресс Бротли 🗜️

Братли — алгоритм сжатия данных, разработанный Google. Он разработан для обеспечения лучших коэффициентов сжатия и более высоких скоростей, чем Gzip:

Brotli был создан для сжатия текстового контента в Интернете, включая файлы HTML, CSS и JavaScript. Он работает так же, как Gzip, но использует более совершенную технику сжатия, которая позволяет достигать лучших результатов без ущерба для скорости.

👉 Brotli предлагает различные режимы сжатия, в том числе:

• Общий режим (по умолчанию): обеспечивает наилучший баланс между степенью сжатия и скоростью.
• Текстовый режим: предназначен для сжатия обычных текстовых файлов.
• Режим шрифта: Как следует из названия, используется для сжатия файлов шрифтов.

Кроме того, Brotli позволяет вам указать уровень качества (1–11) при сжатии файлов.

Более высокие уровни качества приводят к лучшей степени сжатия, но требуют большей вычислительной мощности. Между тем, более низкие уровни обеспечивают более быстрое сжатие и распаковку, но вы можете не получить такого же уровня уменьшения размера.

Плюсы сжатия Brotli 👍

• Brotli использует динамический словарь и контекстное моделирование, которые позволяют ему адаптироваться к конкретным типам данных.
• Он может уменьшить размер файла более значительно, чем Gzip, что способствует более быстрой загрузке и снижению использования полосы пропускания.
• Brotli также распаковывает файлы быстрее, чем Gzip, что приводит к более быстрому рендерингу страниц для пользователей, особенно для тех, кто посещает ваш сайт на устройствах с ограниченной вычислительной мощностью, таких как мобильные телефоны.

Минусы сжатия Brotli 👎

• В отличие от Gzip, который обычно включен по умолчанию, реализация Brotli требует изменений конфигурации на стороне сервера. Или вы можете включить его с помощью такого сервиса, как Cloudflare.
• Brotli имеет ограниченную поддержку браузеров по сравнению с Gzip, хотя он поддерживается большинством основных браузеров, таких как Chrome.

Тестирование сжатия Brotli 👨‍💻

Некоторые хостинг-провайдеры, такие как SiteGround, предлагают сжатие Brotli, хотя Gzip более распространен. Вы можете использовать тот же инструмент Gift of Speed, чтобы проверить, включен ли Brotli на вашем сервере.

Мы опробовали Brotli на нашем промежуточном сайте и получили следующие результаты:

Страница была сжата до 8,5 КБ с 47,64 КБ. Процент сжатия был почти таким же, как у Gzip (82,15 процента), но данные сжимались за меньшее время (0,0013 секунды).

Как включить Brotli и Gzip в WordPress 🟢

Самый простой способ включить Gzip и Brotli в WordPress — использовать плагин оптимизации. Например, W3 Total Cache позволяет реализовать оба метода сжатия за несколько кликов.

После того, как вы установили и активировали плагин на своем сайте, перейдите по ссылке Производительность → Кэш браузера. Затем ищите Включить сжатие HTTP (gzip) и Включить сжатие HTTP (brotli) и установите соответствующий флажок:

Обратите внимание, что сжатие Brotli доступно только в премиум-версии W3 Total Cache. Альтернативно, вы можете установить Бротли вручную на вашем веб-сервере, хотя это может быть невозможно, если вы используете план общего хостинга.

Чтобы включить сжатие Brotli, вы также можете настроить Cloudlfare на своем сайте. Cloudflare включает встроенную опцию для доставки файлов вашего сайта с использованием сжатия Brotli.

Результаты выступлений Brotli против Gzip 📈

Наконец, давайте посмотрим на Brotli и Gzip с точки зрения производительности. Для этого эксперимента мы протестировали тот же промежуточный сайт с помощью Google Dev Tools.

При включенном сжатии Gzip мы получили следующие результаты. Основными показателями, на которые нам нужно обратить внимание, являются размер страницы и время загрузки, как показано на изображении ниже:

Как видите, Gzip выдал нам размер страницы 13,6 КБ, а контент загрузился за 1,12 секунды.

Затем мы включили Brotli и снова запустили тест. На этот раз страница была сжата до 10,9 КБ, а время загрузки составило 559 миллисекунд:

Таким образом, Brotli обеспечил нам более высокое сжатие и более быструю загрузку, чем Gzip.

Brotli против Gzip: какое сжатие следует использовать? 🤔

В этом руководстве по Brotli и Gzip мы отметили, что оба инструмента могут помочь вам ускорить загрузку за счет сжатия данных. Однако Gzip более широко используется и поддерживается, и обычно он включен на вашем веб-сервере по умолчанию, поэтому вам не нужно его настраивать.

Если вам нужно более продвинутое решение, Brotli предлагает более высокие уровни сжатия с меньшим временем доставки. Это связано с тем, что он изначально был разработан для веб-серверов и поэтому более эффективен для уменьшения размера файла.

С 2023 года Brotli получил широкую поддержку во всех основных веб-браузерах. ⛑️

👉 Если ваш провайдер веб-хостинга еще не поддерживает сжатие Brotli, вы можете легко настроить его, добавив свой сайт в Cloudflare.

Есть ли у вас какие-либо вопросы об использовании Brotli и Gzip? Дайте нам знать в комментариях ниже!

Бесплатное руководство

4 основных шага для ускорения
Ваш сайт WordPress

Следуйте простым шагам из нашей мини-серии из 4 частей.
и сократите время загрузки на 50-80%. 🚀