Brotli против Gzip: какое сжатие лучше для WordPress?

Опубликовано: 2022-08-18

Brotli против Gzip, какое сжатие лучше для WordPress Brotli против сжатия Gzip? Узнайте, какой инструмент сжатия лучше.

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

Тем не менее, владельцы веб-сайтов, которые хотят оставаться конкурентоспособными, должны избегать медленной загрузки страниц. Ваши посетители покинут ваш сайт, если им придется подождать хотя бы несколько лишних секунд. Чтобы этого не произошло, вам следует сократить время загрузки вашего сайта.

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

Содержание:

  • Что такое сжатие данных?
  • Brotli против сжатия Gzip — основы
    • Gzip-сжатие
    • Бротли Сжатие
  • Сравнительный тест для сжатия Brotli и Gzip
  • Как протестировать свой сайт для Brotli и Gzip
  • Включить сжатие Brotli в WordPress
  • Вывод

Что такое сжатие данных?

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

Вот почему сжатие важно; когда вы вводите URL-адрес в свой веб-браузер, он отправляет запрос на веб-сервер. Сервер отвечает за получение и отображение данных в веб-браузерах.

После получения запроса файлы должны быть загружены и отображены в течение нескольких секунд. Если веб-сайт загружается более 3-5 секунд, показатель отказов увеличивается. Чем больше данных нужно отправить, тем дольше будет загружаться страница.

Сжатие данных пытается устранить эту проблему, уменьшая размер файлов веб-сайта. В результате ваш сайт использует меньше битов и загружается быстрее. Многие веб-браузеры поддерживают один или два самых популярных алгоритма сжатия — Brotli и Gzip.

Brotli против сжатия Gzip — основы

Вот краткое введение в оба инструмента сжатия.

Gzip-сжатие

Gzip — это программа сжатия, используемая для уменьшения размера веб-файлов. Программное обеспечение было выпущено 31 октября 1992 года и основано на алгоритме DEFLATE. Этот формат обнаруживает и удаляет повторяющиеся символы из веб-файлов. Это сжатие данных без потерь, сочетающее алгоритм LZ77 и алгоритм кодирования Хаффмана.

Алгоритм LZ77 работает, обнаруживая повторяющиеся данные и заменяя их кортежами для сжатия необработанных данных. Для дальнейшего сжатия данных алгоритм кодирования Хаффмана присваивает повторяющимся символам наименьшее количество битов. Тогда редкие/уникальные символы имеют наибольшее количество битов.

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

Бротли Сжатие

Это еще один популярный алгоритм сжатия данных. Brotli был создан в 2013 году инженерами-программистами Google и быстро становится наиболее широко используемым методом сжатия во всем мире. Это неудивительно; в отличие от Gzip, Brotli был разработан для сжатия потоков, что делает его лучшим выбором для веб-серверов.

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

Сравнительный тест — сжатие Brotli и Gzip

Вот большой вопрос: что лучше, Brotli или Gzip? Чтобы ответить на этот вопрос, вы должны понимать, что влечет за собой сжатие, какова его степень и скорость.

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

Тест сжатия Gzip

Gzip может уменьшить файлы веб-сайта до 80%. Эта скорость впечатляет, но другие инструменты, такие как Brotli, имеют лучшую степень сжатия. Сравнение Brotli с Gzip показало следующие результаты:

  • Файлы HTML на 21 % меньше, чем файлы Gzip.
  • Файлы CSS на 17 % меньше, чем файлы Gzip.
  • Файлы JavaScript на 14 % меньше, чем файлы Gzip.

Тест Бротли на сжатие

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

В то время как Brotli имеет лучшую степень сжатия, Gzip лидирует по скорости сжатия.

Кроме того, оба инструмента сжатия имеют разные уровни сжатия. Уровни напрямую влияют на степень сжатия и скорость.

Увеличение уровня сжатия увеличивает степень сжатия. Однако это замедлит весь процесс. Поэтому, если вам нужна более высокая скорость сжатия, вам нужно уменьшить уровень сжатия. Это работает наоборот.

По популярности и количеству пользователей Gzip находится на вершине. Brotli был создан только в 2013 году, тогда как Gzip существует с 1992 года. Хотя Brotli относительно новый, он быстро развивается и становится стандартом для хостинг-провайдеров.

Как проверить свой сайт на сжатие Brotli и Gzip

Есть два способа проверить, использует ли ваша веб-страница алгоритмы сжатия. Мы обсудим оба.

Используйте онлайн-инструмент

Это самый простой способ проверить, поддерживает ли ваш сайт WordPress Gzip или Brotli. В этом уроке мы будем использовать инструменты для проверки сжатия с сайта giftofspeed.com. Этот инструмент прост в использовании, а также предоставляет дополнительную информацию о вашем веб-сайте.

Для начала введите URL-адрес своего сайта в предоставленное текстовое поле, затем нажмите кнопку « Проверить URL -адрес» рядом с ним. Результат вы получите практически сразу. Вот как это легко.

Gzip vs Brotli Тест сжатия для вашего сайта

Использование инструмента разработчика вашего браузера — Brotli против Gzip

Еще один способ проверить свой сайт — использовать инструменты разработчика, находящиеся в вашем веб-браузере. В этом уроке мы будем использовать Chrome, но он будет работать и с другими основными браузерами.

Для начала перейдите на веб-сайт, который хотите протестировать, затем щелкните правой кнопкой мыши в любом месте страницы и выберите « Проверить ».

Щелкните правой кнопкой мыши в любом месте и выберите «Проверить».

В меню разработчика перейдите на вкладку « Сеть ». Здесь вы увидите различные показатели страницы, которую вы просматриваете в данный момент. Если ничего не отображается, возможно, вам придется перезагрузить страницу.

Вкладка «Сеть» в меню «Разработчик»

Затем прокрутите вверх до первой записи с вашим доменным именем и нажмите на нее. После этого перейдите на вкладку Заголовки . Прокрутите вниз до раздела «Заголовки ответов» и найдите заголовок «content-encoding». Если вы видите «br», это означает, что Brotli активен на сайте.

brotli против сжатия gzip

В противном случае, если вы видите «gzip», это означает, что на вашем сайте активно сжатие Gzip.

gzip против сжатия brotli

Включить сжатие Brotli или Gzip на сайтах WordPress

Есть три способа включить сжатие данных в WordPress. Вы можете вручную установить алгоритм на свой сервер, если у вас есть доступ администратора к панели управления. Однако этот подход требует некоторого опыта программирования.

Кроме того, вы можете включить его на панели управления хостингом (если ваш хост поддерживает это). Плагин WordPress также можно использовать, чтобы включить его для вашего сайта.

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

Используйте плагин кэширования WordPress

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

В этом уроке мы будем использовать плагин W3 Total Cache. Чтобы установить этот плагин, перейдите в « Плагины» >> «Добавить новый» . В строке поиска введите название плагина, затем нажмите « Установить сейчас» рядом с названием плагина. Кнопка изменится на «Активировать» после завершения установки. Нажмите на нее, чтобы активировать плагин. Вы можете прочитать нашу статью о том, как установить плагин WordPress.

Добавить новую страницу плагинов - brotli vs gzip

После установки перейдите в «Производительность» >> «Кэш браузера» , чтобы открыть страницу настроек плагина.

Производительность >> Кэш браузера в настройках плагина

На вкладке «Общие» найдите раздел сжатия данных. По умолчанию сжатие будет установлено на Gzip. Если вы предпочитаете использовать сжатие gzip, вы можете оставить настройки без изменений. В противном случае вам нужно снять галочку и установить флажок рядом с «Включить сжатие HTTP (brotli)».

Выберите предпочтительный алгоритм сжатия — brotli или gzip.

После этого прокрутите вниз и нажмите «Сохранить все настройки и очистить кэш ».

Сохранить настройки и очистить кеш — brotli vs gzip

Точно так же файлы CSS и JS, HTML и XML и медиафайлы также должны быть настроены на сжатие.

Выберите алгоритм сжатия

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

Поддержка веб-хостинга

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

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

Если ваш веб-сайт использует CDN Cloudflare, вы можете легко включить Brotli для своего сайта. Для этого войдите в учетную запись своего сайта с панели инструментов Cloudflare. Далее переходим на вкладку Скорость и выбираем Оптимизация . Там вы можете переключить переключатель Brotli в положение On .

Включите Brotli из Cloudflare — brotli vs gzip

Теперь ваш веб-сайт WordPress будет использовать Brotli для обработки сжатия.

Примечание: вам необходимо подключить свой веб-сайт к Cloudflare, прежде чем вы сможете использовать инструмент сжатия. У нас есть подробное руководство по интеграции Cloudflare с WordPress .

Заключение — Brotli против Gzip

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

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

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

Дополнительные советы по оптимизации веб-сайта вы можете найти в нашем руководстве по оптимизации скорости. Кроме того, проверьте остальную часть нашего блога на наличие других руководств по WordPress.