Содержание
Gzip-сжатие в WordPress: что это, для чего нужно и как использовать – Помощь
В статье вы узнаете, зачем сжимать данные на сайте, как включить сжатие gzip в WordPress и как проверить корректность его работы.
Наверняка вы хоть раз пользовались программами gzip или winRAR. Это архиваторы, которые позволяют сжимать данные (один файл или несколько) и упаковывать их в архив. В отличие от полноразмерных файлов, его можно быстро скачать или передать на другой носитель.
Рассмотрим, что это такое и как используется на сайтах.
Что такое gzip-сжатие и для чего нужно
Когда пользователь впервые попадает на сайт, его браузеру нужно загрузить все файлы, из которых состоит страница. Для этого браузер отправляет запрос на сервер, на котором расположен сайт. Сервер, в свою очередь, отдаёт в ответ запрошенные данные.
Если файлы слишком большие, пользователю приходится ждать загрузки. В этот момент он видит перед собой белую страницу или не целиком прогрузившийся контент.
Чем дольше он ждёт, тем ниже его лояльность. По исследованию Google, если страница загружается больше 3 секунд, каждый второй пользователь просто закроет страницу.
Чтобы этого избежать, владельцы сайтов используют gzip-сжатие. Это инструмент, который позволяет уменьшить размер файлов в тот момент, когда сервер отдаёт их браузеру пользователя. За счёт этого уменьшается вес страницы и увеличивается скорость загрузки.
Как работает сжатие gzip
Даже если ваш сайт написан не вручную, а создан с помощью CMS, в его составе есть HTML и CSS-коды. Именно их в совокупности с картинками и другими файлами сервер передаёт пользователям.
В структуре HTML и CSS-кода есть повторяющиеся или лишние элементы: строки со свойствами и пробелы. Утилита находит их и «сокращает» во время обмена между сервером и браузером пользователя. Таким образом, размер передаваемых файлов уменьшается и они передаются быстрее.
Утилита может сжать данные в несколько раз в зависимости от уровня (от 1 до 9). Как правило, в программах используется 3–5 уровень gzip-сжатия. Он позволяет сократить данные без потери качества и не сильно нагружает процессор.
Gzip-сжатие увеличивает скорость загрузки сайта, но создаёт дополнительную нагрузку на сервер. Как правило, мощности современных серверов хватает на сжатие даже на минимальных тарифах хостинга.
Как проверить gzip-сжатие онлайн
Большинство хостинг-провайдеров сейчас предоставляет возможность включить gzip-сжатие, и зачастую на сайтах пользователей оно работает автоматически. Однако, если сайт создавался несколько лет назад или вы замечаете проблемы со скоростью загрузки, стоит проверить, корректно ли работает сжатие.
Чтобы удостовериться, всё ли хорошо с оптимизацией сайта, воспользуйтесь бесплатными сервисами. Например, проверкой CY-PR или другой аналогичной (WebSitePlanet, GIDNetwork и т. п.).
Сервис показывает размер несжатого контента и процент сэкономленного трафика. Это результаты проверки сайта, у которого всё в порядке с gzip:
Проверка gzip-сжатия онлайн в CY-PR
А вот противоположный пример:
Если при проверке вы увидели результат, как на второй картинке, или вас не устраивает процент сжатия, ускорьте сайт по инструкции ниже.
Как включить сжатие gzip
Есть несколько способов включить эту настройку для сайта:
- вручную добавить код в конфигурационном файле htaccess (для web-сервера Apache) или nginx.conf (для Nginx),
- воспользоваться готовыми плагинами.
Первый способ более универсальный, но для реализации потребуются технические навыки и доступ к настройкам сервера.
Мы разберём более простой вариант, для начинающих. Он подойдёт в случае, если ваш сайт создан на CMS WordPress. Включить сжатие можно с помощью бесплатных плагинов.
Создайте сайт легко
Чтобы не тратить время на настройку домена, хостинга и CMS, закажите услугу REG.Site.
В услугу входит хостинг, WordPress, десятки шаблонов и SSL-сертификат. Вам не понадобятся дополнительные настройки. Просто закажите услугу и сразу приступайте к редактированию шаблона.
Сжатие для WordPress
- 1.
Авторизуйтесь в административной панели CMS.
- 2.
Перейдите в раздел Плагины и нажмите Добавить новый:
- 3.
В строке поиска справа введите название плагина:
- W3 Total Cache — многофункциональный плагин, полезный не только для настройки сжатия, но и для других SEO-показателей: кэширование, адаптивной версии сайта, интеграции в CDN. Чтобы по максимуму использовать его возможности, придётся разобраться в «начинке»;
- Enable GZIP compression — простой плагин, в котором есть только две функции: включить и отключить gzip-сжатие;
- WP Fastest Cache — похож на W3 Total Cache, но в нём можно настроить 3 режима кэширования, в том числе для продвинутых пользователей с корректировкой файла .htaccess.
- 4.
Нажмите Установить, а затем Активировать в том же блоке:
Как включить на примере W3 Total Cache
Дальнейшие действия будут зависеть от выбранного плагина.
W3 Total Cache
Enable GZIP compression
WP Fastest Cache
Здесь всё настраивается автоматически. Если хотите перестраховаться и проверить:
- 5.
В левом меню наведите курсор на строку Preferences и перейдите в раздел Browser Cache:
- 6.
Напротив пункта «Enable HTTP (gzip) compression» должна стоять галочка:
- 5.
В левом меню наведите курсор на раздел Настройки и выберите последний пункт списка — Gzip Compression:
- 6.
Нажмите Enable Gzip Compression:
- 5.
Кликните по названию плагина в основном меню слева, поставьте галочку напротив строки «Gzip» и нажмите Submit:
Готово, теперь страницы сайта будут загружаться быстрее.
С помощью бесплатного плагина вы сможете включить gzip-сжатие и увеличить скорость загрузки страниц. Это важный момент не только для удобства (юзабилити), но и для улучшения позиций сайта в поисковых системах. Чтобы оптимизировать сайт, наряду с gzip-сжатием, вам потребуется настройка кэширования, работа с изображениями и другие параметры.
Включаем GZIP сжатие в WordPress
Чтобы добиться высокой скорости загрузки вашего WordPress-сайта, важно снизить размер его страниц. Есть ощутимая разница между сайтом, загружающимся в пределах одной секунды, и сайтом, который грузится «со скрежетом», еле-еле. Включение GZIP-сжатия позволяет снизить размер ваших веб-страниц, что отражается на времени загрузки всего ресурса в целом, ускоряет процесс передачи данных клиенту, а также помогает улучшить время до первого рендеринга страниц. Все современные браузеры поддерживают и автоматически согласовывают GZIP-сжатие для всех HTTP-запросов. Сегодня мы расскажем вам, как проверить и включить GZIP-сжатие на вашем веб-сервере.
Что представляет собой GZIP-сжатие?
GZIP – файловый формат, а также программное приложение, используемое для сжатия и декомпрессии файлов. Сжатие GZIP включается на стороне сервера и позволяет дополнительно снизить размер вашего HTML-кода, таблиц стилей и JavaScript-файлов. Оно не работает с изображениями, поскольку они уже сжаты несколько иным способом. Сжатие позволяет добиться снижения размера страниц вплоть до 70%, что подтверждается практическими примерами. Это, вероятно, одна из самых простых оптимизаций, которую вы можете сделать в WordPress.
Когда веб-браузер посещает сайт, он проверяет, включено ли на веб-сервере GZIP-сжатие. Делается это с помощью заголовка ответа «content-encoding: gzip». Если заголовок существует, то в таком случае браузеру передаются сжатые файлы меньшего размера. Если нет, то тогда браузер получает несжатые файлы. Если у вас нет включенного GZIP, то в таком случае вы, скорее всего, увидите предупреждения и ошибки в таких инструментах тестирования скорости, как Google PageSpeed Insights и GTmetrix.
Предупреждение GZIP в Google PageSpeed Insights
Как вы можете видеть, Google указывает на то, что сжатие ресурсов с помощью GZIP или Deflate позволяет снизить количество передаваемых по сети байтов.
Предупреждения GZIP в GTmetrix
GTmetrix также дает рекомендации по включению GZIP-компрессии для снижения передаваемого размера статичных ресурсов.
Как проверить, включено ли сжатие GZIP
GZIP в настоящее время очень распространен. Вам не нужно беспокоиться о браузерной поддержке, поскольку многие браузеры поддерживают его вот уже в течение 17 лет. Ниже представлен список браузеров, которые способны обрабатывать HTTP-заголовок «content-encoding: gzip»:
- Internet Explorer 5.5+ (июль 2000)
- Opera 5+ (июнь 2000)
- Firefox 0.9.5+ (октябрь 2001)
- Chrome (сразу после запуска в 2008)
- Safari (сразу после запуска в 2003)
Вы должны убедиться, что GZIP включен у вашего WordPress-хостера, поскольку администраторы серверов нередко упускают из рассмотрения данную оптимизацию. Есть несколько простых способов, позволяющих проверить наличие сжатия GZIP:
Проверка с помощью GZIP Compression Tool
Первый и самый быстрый способ проверки наличия GZIP-сжатия – это использование бесплатной утилиты Check GZIP compression. Просто укажите адрес вашего сайта и нажмите Search. Вы получите общий процент сжатия страницы сайта с помощью GZIP. Либо вы столкнетесь с ошибкой, указывающей на то, что GZIP не включен. Как вы можете видеть из изображения, мы смогли сохранить 66,9% с помощью подключения компрессии.
Помните о том, что GZIP также применим и к вашим статическим ресурсам. Если вы получаете ресурсы из CDN, то в таком случае вам нужно убедиться, что провайдер CDN также поддерживает сжатие GZIP. Все современные провайдеры CDN поддерживают GZIP-компрессию – Cloudflare, KeyCDN, CloudFront и др. Вы можете также протестировать наличие GZIP, запустив один из ваших CSS или JavaScript-файлов в CDN с помощью инструмента.
Заголовок ответа GZIP
Второй способ проверки – убедиться в том, что заголовок ответа «content-encoding: gzip» активен на вашем сайте. Именно его пытается найти браузер при отправке запроса серверу. Вы можете открыть Chrome Devtools и посмотреть первый заголовок ответа в разделе Network.
Также вы можете выбрать опцию «view large requests», и она покажет вам исходный и сжатый размер страницы. Вы можете видеть на скриншоте, что исходная страница имеет размер 51.6 KB, а сжатая с помощью GZIP страница – уже 17.7 KB.
Как включить GZIP сжатие
Если у вас не включено GZIP сжатие, вы можете сделать это несколькими путями.
Включаем GZIP с помощью плагина WordPress
Первый и самый простой способ – использовать плагин кэширования, который поддерживает GZIP. Плагин WP Rocket, к примеру, добавляет правила GZIP-компрессии в ваш файл .htaccess автоматически с помощью модуля mod_deflate. В W3 Total Cache также есть способ включения сжатия в разделе Performance. Плагины требуют разрешения для изменения файлов на вашем веб-сервере. Если у плагина кэширования нет такого разрешения, то вам нужно обратиться к вашему хостеру или использовать фрагмент кода, представленный ниже.
Включаем GZIP на Apache
Второй способ включения GZIP-сжатия – это редактирование файла .htaccess. Большинство виртуальных хостеров используют Apache. Вы можете просто добавить код ниже в файл .htaccess, который хранится в корневой папке вашего WP-сайта.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
Убедитесь в том, что вы добавили этот код ниже существующего контента вашего .htaccess файла. Пример ниже:
Включаем сжатие GZIP в NGINX
Если вы работаете с NGINX, то в таком случае добавьте следующий код в файл nginx.conf:
gzip on; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_vary on; gzip_types text/plain text/css text/javascript application/javascript application/x-javascript;
Включаем сжатие GZIP в IIS
Если вы работаете с IIS, то в таком случае вы можете использовать два вида сжатия: статичное и динамическое. Мы рекомендуем в этом случае ознакомиться с руководством от Microsoft.
Источник: kinsta.com
Как включить сжатие GZIP в WordPress
Одним из первых решений для ускорения загрузки вашего WordPress CMS является уменьшение размера вашей страницы. Самый простой способ уменьшить размер вашего веб-сайта и улучшить время первого показа ваших веб-страниц – включить GZIP сжатия. Включение сжатия GZIP на вашем сервере может значительно сократить время загрузки запрошенного ресурса. Сегодня мы покажем вам, как включить сжатие GZIP в WordPress.
Как проверить, включено ли GZIP-сжатие
Если вы хотите проверить, было ли включено сжатие GZIP на вашем сайте, все, что вам нужно сделать, это перейти на бесплатный инструмент сжатия GZIP по адресу https://checkgzipcompression.com. Это, безусловно, один из самых простых способов проверить, включен ли GZIP на вашем сервере, потому что вам нужно только написать адрес своего веб-сайта и нажать кнопку.
Как включить сжатие Gzip для веб-сайтов WordPress
Существует несколько различных методов, которые можно использовать для включения сжатия GZIP на ваш веб-сайт WordPress, поэтому давайте погрузимся.
Включить GZIP на Apache
Чтобы включить сжатие GZIP на веб-сервере Apache, вам необходимо отредактировать файл .htaccess. Следующие строки кода необходимо добавить в файл .htaccess. Файл .htaccess можно найти в корне или на сайте WordPress.
<IfModule mod_deflate.c> # Сжатие HTML, CSS, JavaScript, Text, XML и шрифтов AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Удалить ошибки браузера (требуется только для действительно старых браузеров) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
Включить GZIP с плагином WordPress
Вы можете использовать кеширующий плагин, который поддерживает сжатие GZIP, как один из самых простых способов. Например, WP Rocket добавит правила сжатия GZIP в ваш файл .htaccess, и он автоматически будет использовать mod_deflate. Если вы хотите включить это через W3 Total Cache, вам нужно пройти его секцию и включить ее.
Включить GZIP на NGINX
Если вы работаете в NGINX, все, что вам нужно сделать, это добавить следующие строки в конфигурационный файл nginx.conf.
gzip on; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_vary on; gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Gzip сжатие в WordPress, способы установки.
Использование сжатой информации для передачи данных способно существенно сократить время загрузки ваших страниц. Если у вас объемные тяжелые страницы с большим количеством текста тогда вам просто необходимо gzip сжатие на вашем WordPress сайте.
После установки wordpress возникает ряд трудностей, одной из которых является настройка сжатия, для оптимизации и ускорения сайта. Сейчас мы попробуем решить данную задачу несколькими способами.
Для начала, давайте разберем саму суть сжатия Gzip и как оно работает, затем рассмотрим методы внедрения в ваш WordPress. Если вы долгое время не могли понять как настроить сжатие тогда один из предложенных способов со 100% вероятностью поможет вам в решении этой задачи.
Что такое gzip сжатие?
Система gzip сжатие впервые было создана в 1992 году, и до сих пор не только не потеряла своей актуальности, но и стала стандартом при передач данных методом протокола HTML 1.1.
Сжатие методом gzip осуществляется для ускорения передачи данных, которые архивируются и распаковываются “на лету”. Выгода от использования gzip сжатия становит в среднем 70%. Да именно такое количество байт вы сможете сэкономить при передаче ваших текстов.
Какие данные можно сжимать с помощью gzip?
Как уже упоминалось ранее в сжатие участвует только текст. Давайте рассмотрим в каких файлах происходит текстовое сжатие:
- В первую очередь в архив попадают наши HTML файлы.
- Далее можно сжимать XML файлы.
- Наши таблицы стилей (CSS файлы) так же подвергаются работе с gzip.
- JavaScript так же успешно сжимается.
- Не забываем о обычных txt файлах.
- Другие текстовые.
Как видим огромную часть нашей страницы сайта можно сжать при помощи gzip. Это значительно ускорит ее загрузку, тем более что в нынешнее время это уже не рекомендации а требования к сайтам, желающим иметь хорошие позиции в поисковых системах.
Как включить gzip сжатие?
В зависимости от вашего веб сервера и его настроек существует несколько способов включения сжатия на вашем сайте. Рассмотрим примеры для Nginx и Apache, а так же конкретно под WordPress с использованием плагинов.
Для включения сжатия на Nginx потребуется использовать модуль ngx_http_gzip_module.
Для работы с gzip на сервере Apache модуль mod_deflate.
Gzip сжатие на Nginx
Для того что бы включить сжатие нужно настроить файл конфигурации nginx.conf который можно найти в директории /usr/local/etc/nginx/nginx.conf.
В данный файл нужно вписать следующий код:
http {
…
gzip on;
gzip_min_length 1000;
gzip_proxied any;
gzip_disable “MSIE [1-6]\.(?!.*SV1)”;
gzip_comp_level 7;
}
Нужен только код выделенный красным, комментарии можно удалить. После внедрения кода сохраняем наш файл и перезапускаем сервер.
Gzip сжатие на Apache
Для того что бы включить gzip сжатие на сервере под управлением Apache нужно внести несколько строк в файл .htaccess находящийся в корневой папке вашего сайта.
В сети существует несколько версий записей сжатия, приведу вам сразу три:
Первый:
<IfModule mod_deflate.c>
SetOutputFilter DEFLATE
Header append Vary User-Agent
</IfModule>
Второй:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
Третий:
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
<IfModule mod_setenvif.Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>
Если же это вам не помогло тогда нужно обратится к вашему хостинг провайдеру, для выяснения причин. Так же нужно проверить включен ли модуль mod_deflate отвечающий за gzip архивирование.
Плагин для включения gzip сжатия для WordPress
Если у вас ничего не выходит или вы не хотите копаться в настройках для вас так же найдется решение. Для включения сжатия на WordpPress платформе существует ряд плагинов которые можно подключить через обычную консоль WordPress.
Самым простым и наверное одним из самых старых плагинов является WP HTTP Compression который нужно только установить и больше никаких настроек проводить не нужно, все ваш сайт отправляет текстовые данные в сжатом виде.
Вторым вариантом которым вы можете воспользоваться это более широкопрофильный плагин для ускорения сайта W3 Total Cache. Он позволит не только сжать ваши данные, но и настроить дополнительные функции для быстрой загрузки страниц.
Так же рекомендую ознакомиться с плагином Autoptimize для оптимизации CSS, JS, HTML, он прост в использовании, тем более что по ссылке вы найдете руководство по использованию. Если вы не нашли решение для себя, напишите в комментариях о своей проблеме, постараюсь помочь.
Рекомендую почитать:
Как включить сжатие GZIP для ускорения работы сайтов WordPress
На чтение 24 мин Просмотров 172 Опубликовано
Самый простой способ ускорить работу вашего сайта WordPress — удалить все ненужные ресурсы. Второй самый простой способ ускорить его — сжать все необходимые ресурсы. Включение сжатия GZIP на вашем веб-сервере — один из самых простых и эффективных способов добиться этого.
Все современные браузеры по умолчанию поддерживают сжатие GZIP. Однако, чтобы без сбоев обслуживать сжатые ресурсы для пользователей, необходимо правильно настроить сервер.
В этом посте вы узнаете основы сжатия данных в Интернете, что такое сжатие GZIP, его различные преимущества и то, как вы можете использовать его для ускорения своих сайтов WordPress при различных настройках сервера.
Основы сжатия данных в Интернете
Сжатие данных в Интернете — это процесс уменьшения размера данных, передаваемых веб-сайтами. В зависимости от типа данных — текст, изображения, таблицы стилей, скрипты, шрифты — существуют различные способы сжатия данных.
Например, минификация HTML, CSS и JavaScript — простой способ уменьшить объём данных, отправляемых браузерами. Здесь минификатор сжимает текст, удаляя ненужные символы, такие как комментарии и пробелы, из исходного кода.
В приведённом ниже примере простого HTML-документа есть три типа содержимого: разметка HTML, стили CSS и код JavaScript.
Каждый тип контента имеет уникальный синтаксис и семантику. Всего в этом HTML-документе 357 символов.
<html> <head> <style> .kinsta-banner { font-size: 150% } .kinsta-banner { width: 75% } </style> </head> <body> <div>...</div> <script> kinstaScripts(); </script> </body> </html>
Приведённый выше код легко читать и следовать ему. Идеально для развития. Однако браузеру необязательно читать комментарии и иметь теги с идеальным отступом. Умный компрессор может проанализировать этот документ и удалить из него все ненужные биты.
<html><head><style>.kinsta-banner{font-size:150%;width:75%}</style></head><body><div>...</div><script>kinstaScripts();</script></body></html>
После минификации HTML-документ сокращается до 141 символа. Это 60,50% экономии на количестве символов. Это не так просто для глаз, но для браузера это не имеет значения. Он по-прежнему будет отображать ту же страницу для пользователя.
Чтобы воспользоваться преимуществами обеих версий, вы можете сохранить исходный документ как «версию для разработки». Но минимизировать весь код, прежде чем отправлять его вживую.
Большинство плагинов для повышения производительности WordPress позаботятся об этом автоматически.
Например, несжатая версия библиотеки jQuery 3.5.1 более чем в 3 раза больше, чем уменьшенная версия того же файла.
Аналогичным образом, те же методы сжатия, описанные выше, могут оптимизировать другие типы контента. Такие как изображения, видео, шрифты и многое другое. Подобные сокращения, зависящие от контента, являются первым шагом в оптимизации размера текстовых ресурсов вашего сайта.
Но сжатие данных — это не просто минификация. Используя передовые математические методы, алгоритмы сжатия данных могут ещё больше уменьшить размер данных.
Одним из самых популярных примеров такого метода сжатия данных является GZIP. Он обеспечивает эффективную передачу данных и внёс значительный вклад в превращение Интернета в жизнеспособную глобальную среду связи.
Что такое сжатие GZIP?
GZIP, сокращение от GNU Zip, является самым популярным методом сжатия данных без потерь в Интернете. Это позволяет уменьшить размер HTML-страниц, таблиц стилей и скриптов вашего сайта.
Помимо алгоритма сжатия данных, GZIP также является расширением файла (.gz ) и программным обеспечением, используемым для сжатия / распаковки файлов.
Он основан на алгоритме DEFLATE, который представляет собой смесь алгоритмов кодирования LZ77 и кодирования Хаффмана.
Компрессор GZIP берёт набор необработанных данных и сжимает их без потерь. Необработанные данные могут быть из любого типа файла, но GZIP лучше всего работает с текстовыми ресурсами (например, HTML, CSS, JS).
В следующем разделе подробно рассказывается, как работает сжатие GZIP.
Как GZIP сжимает данные
Для начала компрессор GZIP запускает алгоритм сжатия LZ77 для необработанных данных для удаления избыточности. Этот алгоритм работает, находя повторяющиеся шаблоны в заранее заданном скользящем окне (небольшом участке необработанных данных).
Затем он заменяет все повторяющиеся строки кортежами для сжатия необработанных данных.
В приведённом выше примере размер скользящего окна составляет всего 13 символов (13 байтов). Однако при сжатии GZIP можно использовать максимальный размер скользящего окна 32 КБ (32 768 байт). Размер скользящего окна играет ключевую роль в производительности сжатия LZ77.
После сжатия необработанных данных с помощью алгоритма LZ77 компрессор GZIP затем использует алгоритм кодирования Хаффмана для дальнейшего сжатия. Он делает это, присваивая наиболее часто встречающимся символам наименьшее количество битов, а редким символам присваивая наибольшее число битов.
Этот метод похож на тот, который используется в азбуке Морзе, где буквы, встречающиеся чаще в английском языке, получают самые короткие последовательности.
Чтобы понять, как работает алгоритм кодирования Хаффмана, рассмотрим это слово BOOKKEEPER. В нём 10 символов, но уникальных символов всего 6. В этом слове хорошее сочетание одинарных, двойных и тройных букв.
Почти все веб-сайты используют кодировку символов UTF-8 для представления букв и символов. Каждый символ ASCII в UTF-8, который также включает английский алфавит, использует 1 байт (8 бит).
Для такой 10-символьной строки BOOKKEEPERпотребуется 10 байтов (80 бит) памяти. Вы можете видеть, что он содержит 1 экземпляр письма, 2 экземпляра букв и и 3 экземпляра письма.B, P, ROKE
Алгоритм кодирования Хаффмана использует эти знания для сжатия строки без потерь. Он делает это, генерируя двоичное дерево с каждой уникальной буквой в виде листа.
Буквы с самой низкой частотой (например, B, P, R ) окажутся внизу дерева. А те, которые появляются часто (например, E, O, K ), в идеале окажутся наверху.
Самый верхний узел в дереве — это корень, а его значение равно общему количеству символов в строке.
После создания дерева Хаффмана всем стрелкам, указывающим влево и вправо, присваиваются числа 0 и 1 соответственно. Затем вы можете сгенерировать код Хаффмана для любого символа. Проследив путь от корня к листу и соединив все 0 и 1.
Вы можете заметить, что буквы с самой высокой частотой имеют коды Хаффмана с наименьшим размером бит.
Примечание. Алгоритм кодирования Хаффмана может генерировать альтернативные двоичные коды, используя другую стратегию упорядочивания символов с той же частотой. Однако общий размер закодированной строки останется прежним.
Это на 68,75% меньше памяти, необходимой для хранения исходного слова.
Используя дерево Хаффмана с 0 / 1 конвенцией генерирует двоичные коды, которые удовлетворяют свойство префикса. Это гарантирует, что код Хаффмана любого конкретного символа не является префиксом кода любого другого символа, что упрощает декодирование закодированной строки с использованием дерева Хаффмана. Это играет главную роль в скорости декомпрессии GZIP.
Как и в случае со словом выше, компрессор GZIP использует алгоритм кодирования Хаффмана для дальнейшей оптимизации кортежей, сгенерированных алгоритмом LZ77. В результате получаются сильно сжатые файлы с расширением.gz.
Если вам интересно узнать больше о том, как работает GZIP, просмотрите это видео для краткого обзора.
Насколько хорошо сжатие GZIP?
Как правило, GZIP обеспечивает степень сжатия около 70% для небольших файлов, но может достигать до 90% для более крупных текстовых ресурсов.
В приведённой выше таблице вы можете видеть, что сжатие миниатюрных файлов с помощью GZIP может ещё больше уменьшить их размер.
Примечание. Вы можете сжимать файлы любого типа с помощью GZIP, но для ресурсов, уже сжатых другими методами (например, изображений, видео), это не принесёт никакой экономии. Иногда это может даже увеличить размер файла.
Сила алгоритма сжатия зависит не только от степени сжатия, но и от того, насколько быстро и эффективно он может сжимать и распаковывать данные. Вот где GZIP лучше всего подходит для большинства случаев использования.
Поскольку GZIP быстро распаковывается с помощью потокового алгоритма, он отлично подходит для веб-протоколов, где скорость имеет решающее значение. Кроме того, GZIP использует минимальные ресурсы для сжатия и распаковки данных, что делает его идеальным как для серверов, так и для клиентов.
На диаграммах выше сравнивается эффективность сжатия алгоритмов сжатия brotli, bzip2, gzip и xz. GZIP проигрывает в тесте степени сжатия с небольшим отрывом. Но по скоростям сжатия и декомпрессии он явно превосходит конкурентов.
Глядя на график скорости сжатия, можно сделать вывод, что GZIP идеально подходит для сжатия в реальном времени на HTTP-серверах и других потоках данных в Интернете. Принимая во внимание все свои положительные стороны в продвижении Интернета. IETF ратифицировала GZIP как один из трёх стандартных форматов сжатия в HTTP / 1.1.
Примечание. Абстракция библиотеки сжатия GZIP под названием zlib используется во многих популярных операционных системах (Linux, macOS, iOS) и современных игровых консолях (PlayStation 4, Wii U, Xbox One). Он также используется в формате файлов PNG без потерь для сжатия изображений.
6 преимуществ сжатия GZIP
Давайте подробнее рассмотрим наиболее важные преимущества сжатия GZIP.
Обеспечивает достойную степень сжатия
Как обсуждалось ранее, GZIP не имеет лучшей степени сжатия по сравнению с конкурентами. Но это не так уж и далеко от них. Как правило, это может помочь вам уменьшить размер текстовых ресурсов на 70-90%.
Супер быстрое сжатие и декомпрессия
GZIP — явный победитель по скорости сжатия и распаковки данных. Это очень желательно для сжатия на лету на HTTP-серверах и других потоках данных.
Требуется очень мало памяти
GZIP оставляет минимальный объем памяти, что делает его подходящим для серверов и систем с ограниченным объёмом памяти. Следовательно, вы обнаружите, что его поддерживают даже самые дешёвые провайдеры веб-хостинга.
Не сильно расширяется даже в худших случаях
Алгоритмы сжатия данных без потерь, такие как GZIP, имеют строгий предел, за которым они не могут сжимать данные.
Обычно это происходит, когда ресурс уже хорошо сжат или если он крошечный и накладные расходы на добавление словаря GZIP превышают экономию на сжатии. Мы можем приписать это явление концепции, называемой энтропийным кодированием. GZIP очень устойчив к этому эффекту.
Бесплатное использование и открытый исходный код
GZIP изначально создавался как бесплатная замена с открытым исходным кодом для запатентованной программы сжатия, использовавшейся в ранних системах Unix. Таким образом, он не обременён какими-либо патентами и может свободно использоваться кем угодно.
Пользуется универсальной поддержкой
По данным W3Techs, сжатие GZIP используется 82% всех отслеживаемых веб-сайтов, что делает его наиболее широко используемым алгоритмом сжатия в Интернете.
GZIP поддерживается практически всеми серверами и клиентами. Независимо от того, на каком сервере вы размещаете свой сайт, вы можете ускорить его, включив на нём GZIP.
Предупреждения GZIP в инструментах тестирования скорости веб-сайтов
Помимо минификации, включение GZIP — одна из самых простых и эффективных оптимизаций скорости, которые вы можете реализовать на своём веб-сайте.
Это также один из самых простых способов оптимизации WordPress. Несмотря на это, многие сайты WordPress до сих пор не используют его.
Когда вы посещаете веб-сайт, ваш браузер проверяет, включен ли на веб-сервере GZIP, проверяя content-encoding: gzipзаголовок ответа. Если заголовок существует, он извлекает сжатые файлы, распаковывает их, а затем автоматически обслуживает файлы меньшего размера.
Если браузер не обнаруживает заголовок ответа GZIP, он загружает несжатые файлы. В большинстве случаев разница в скорости загрузки страницы может составлять несколько секунд. Следовательно, если у вас не включен GZIP, вы увидите предупреждения в инструментах тестирования скорости веб-сайта.
Предупреждение GZIP в Google PageSpeed Insights / Lighthouse
Google PageSpeed Insights выдаёт предупреждение, если на вашем веб-сайте не включено сжатие текста.
Примечание. Google PageSpeed Insights и Google Lighthouse были двумя отдельными инструментами для тестирования производительности веб-сайтов. Они работали независимо друг от друга до 2018 года, когда Google обновил PageSpeed Insights, чтобы использовать Lighthouse в качестве своего механизма анализа. Следовательно, PageSpeed Insights и Lighthouse теперь одно и то же.
В примере сайта выше сжатие текстовых ресурсов может снизить вес страницы более чем на 78% и ускорить время загрузки страницы на 2,1 секунды.
Примечание. PageSpeed Insights полагается на заголовки ответов, возвращаемые в ваш браузер сервером. Иногда может отображаться ложное предупреждение, даже если у вас включено сжатие GZIP. Это может быть связано с запуском теста скорости на машине, которая использует промежуточный прокси-сервер или программное обеспечение безопасности. Они могут мешать загрузке сжатых файлов с внешних серверов.
Предупреждение GZIP в GTmetrix
GTmetrix показывает предупреждение, если ваш сайт не обслуживает сжатые текстовые ресурсы. Как и Google PageSpeed Insights, он также покажет вам потенциальную экономию, которую вы можете достичь.
Примечание. GTmetrix модернизирует свой алгоритм тестирования скорости, чтобы заменить старые библиотеки PageSpeed Insights и YSlow на новейшие показатели Google Lighthouse. Вы можете ожидать, что его предупреждение о сжатии GZIP будет похоже на то, которое показывает Lighthouse.
Предупреждение GZIP в инструментах Pingdom
Pingdom Tools выдаёт прямое предупреждение о необходимости сжатия компонентов вашего веб-сайта с помощью GZIP.
В разделе описания Pingdom Tools также даёт вам некоторую статистику о важности GZIP. Холодные бобы!
Предупреждение GZIP в WebPageTest
WebPageTest отображает предупреждение на вкладке » Обзор производительности «, если обнаруживает, что какие-либо сжимаемые ответы не обслуживаются наиболее оптимизированным образом.
WebPageTest также выставит оценку, чтобы показать, насколько серьёзным является предупреждение. Например, он оценивает вышеупомянутое предупреждение на 23 балла из 100, что означает, что вам следует исправить его как приоритетное.
Как проверить, включено ли сжатие GZIP
Accept-Encoding: gzip, deflateЗаголовок HTTP будет поддержан эффективно всеми современными браузерами. Следовательно, большинство веб-хостов, включая Kinsta, по умолчанию включают сжатие GZIP на всех своих серверах.
Когда веб-серверы видят этот заголовок, отправленный браузером, они распознают поддержку браузером GZIP и отвечают сжатым HTTP-ответом, используя content-encoding: gzipзаголовок.
Но если вы пользуетесь услугами другого хостинг-провайдера WordPress или просто хотите проверить, правильно ли ваш сайт обслуживает сжатый контент GZIP, всегда проверяйте, включён ли он.
Ниже приведены несколько простых способов проверить сжатие GZIP.
1. Онлайн-инструменты для тестирования сжатия GZIP
Использование онлайн-инструмента — самый простой способ проверить, включено ли сжатие GZIP на вашем веб-сайте. Я рекомендую использовать бесплатные инструменты Проверить сжатие GZIP или HTTP-сжатие. Просто введите URL-адрес своего веб- сайта и нажмите кнопку » Проверить» или » Проверить«.
Оба этих онлайн-инструмента покажут вам краткий отчёт о том, включён ли GZIP, а также объём передаваемых данных, которые вы сохранили (или можете сохранить), обслуживая тестовый URL с включённым сжатием GZIP.
Первый инструмент также покажет вам другую важную информацию, такую как тип сервера вашего веб-сайта, тип контента и время сжатия.
Обратите внимание, что оптимизация GZIP не ограничивается только вашей веб-страницей, но также включает в себя статические текстовые ресурсы, такие как таблицы стилей, скрипты и шрифты. Если вы используете CDN для обслуживания этих ресурсов, вам необходимо убедиться, что CDN также обслуживает их с включённым сжатием GZIP.
Большинство современных CDN, таких как Cloudflare, Kinsta CDN, KeyCDN и CloudFront, поддерживают сжатие GZIP. Вы можете протестировать ресурсы, обслуживаемые CDN, на сжатие GZIP, установив прямую ссылку на ресурсы.
В приведённом выше отчёте вы можете видеть, что Kinsta CDN использует движок KeyCDN, который является традиционным опрашивающим CDN. Если вы используете Kinsta для размещения своего сайта WordPress, вам не нужно беспокоиться о сжатии GZIP, поскольку оно включено по умолчанию.
Информация
Все планы хостинга WordPress в Kinsta включают бесплатную поддержку Kinsta CDN.
2. Заголовок ответа HTTP «content-encoding: gzip»
Второй способ проверить, доставляет ли веб-сайт сжатый контент GZIP, — это проверить content-encoding: gzipзаголовок ответа HTTP.
Вы можете открыть Chrome DevTools или Firefox Developer Tools и найти этот заголовок ответа в разделе » Сеть «.
Как это выглядит в Chrome DevTools, я уже показывал ранее. Вот как это выглядит в Инструментах разработчика Firefox.
Вы также можете включить опцию «Использовать большие строки запроса» на панели настроек Chrome DevTools, чтобы увидеть как исходный, так и сжатый размер страницы. Как вы можете видеть ниже, размер исходной страницы уменьшился со 118 КБ до 22,9 КБ после сжатия с помощью GZIP.
3. Инструменты для проверки скорости веб-страницы
Большинство инструментов для тестирования скорости веб-сайтов предупреждают вас о том, что вы не используете сжатие, такое как GZIP, для обслуживания ваших веб-страниц. Многие читатели, приходящие к этой статье, вероятно, приходят именно из-за этих предупреждений GZIP, многие из которых я уже подробно обсуждал выше.
Вы можете использовать такие инструменты, как PageSPeed Insights, GTmetrix, Pingdom Tools и WebPageTest, чтобы проверить, включено ли сжатие GZIP на вашем веб-сайте WordPress.
Как включить сжатие GZIP
Если на вашем веб-сервере не включено сжатие GZIP, есть много способов включить его. Точный метод зависит от того, какой веб-сервер вы используете для размещения своего сайта.
Важно: как всегда, сделайте резервную копию файлов конфигурации вашего сайта и сервера перед их редактированием.
Включите GZIP с помощью плагина WordPress
Самый простой способ включить сжатие GZIP на вашем сайте WordPress — использовать плагин для кэширования или оптимизации производительности.
Например, если вы размещаете ваш WordPress сайт на веб — сервере Apache, W3 Total Cache включает в себя возможность включить сжатие GZIP, находящиеся под его кэш браузера Настройки панели.
Точно так же WP Rocket позволяет автоматически добавлять правила сжатия GZIP. Эти плагины включают сжатие GZIP, добавляя mod_deflateмодуль Apache в файл.htaccess.
Плагины WordPress требуют разрешений для изменения файлов на вашем веб-сервере. Если у них нет необходимых разрешений, они откажутся или покажут вам ошибку.
В таких случаях вам необходимо связаться с вашим хостинг-провайдером или вручную изменить файлы конфигурации вашего веб-сервера, используя приведённые ниже фрагменты кода.
Примечание: Kinsta оптимизировала свою платформу для обеспечения высокой производительности, надёжности и безопасности. Это также включает включение сжатия GZIP по умолчанию для всех планов хостинга.
Поскольку сторонние плагины кэширования могут вызвать конфликт с внутренней оптимизацией производительности Kinsta, Kinsta не разрешает большинство из них на своих серверах. Для получения дополнительной информации вы можете увидеть полный список запрещённых плагинов Kinsta.
Включите GZIP на веб-сервере Apache
Согласно Netcraft, Apache обслуживает больше активных сайтов, чем любой другой используемый сегодня веб-сервер. Это также один из двух рекомендуемых WordPress веб-серверов.
Чтобы включить сжатие GZIP на серверах Apache, вы должны использовать его mod_filterи mod_deflateмодули и настроить их должным образом с правильными директивами. Они направят Apache на сжатие вывода сервера перед его отправкой клиентам по сети.
У вас есть два варианта редактирования конфигураций сервера Apache в зависимости от вашего уровня доступа:
- Если у вас есть доступ к главному файлу конфигурации сервера (обычно называемому conf). Рекомендуется использовать его для настройки Apache, поскольку файлы.htaccess могут замедлить работу Apache.
- Если вы не можете получить доступ к основному файлу конфигурации сервера. Что обычно бывает с большинством провайдеров общего хостинга WordPress, вам необходимо настроить Apache с помощью файла.htaccess.
Первый вариант предназначен строго для системных администраторов, поскольку хостинг-провайдеры редко позволяют редактировать основной файл конфигурации сервера. Объяснение того, как это сделать таким образом, выходит за рамки данной статьи. Вы можете обратиться к образцам конфигураций сервера Apache, совместно используемым проектом HTML5 Boilerplate, и к документации Apache, чтобы начать работу.
Второй вариант идеально подходит для большинства владельцев сайтов WordPress, поскольку многие провайдеры виртуального хостинга позволяют редактировать файлы.htaccess.
Для начала используйте SFTP или онлайн-менеджер файлов вашего хоста, чтобы найти файл.htaccess в корневом каталоге вашего сайта WordPress. Затем добавьте к нему приведённый ниже фрагмент кода.
Важно: убедитесь, что mod_filterмодуль активен на вашем сервере. У большинства веб-хостов он включён по умолчанию, но в противном случае AddOutputFilterByTypeдиректива не будет работать и может вызвать ошибку HTTP 500. Вы можете проверить журналы ошибок своего сервера, если у вас возникнут проблемы после добавления фрагмента кода ниже.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml # Remove browser bugs (only needed for ancient browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding </IfModule> </IfModule> # compress all output with one of the following file extensions <IfModule mod_filter.c> AddOutputFilterByType DEFLATE "application/atom+xml" \ "application/javascript" \ "application/json" \ "application/ld+json" \ "application/manifest+json" \ "application/rdf+xml" \ "application/rss+xml" \ "application/schema+json" \ "application/geo+json" \ "application/vnd.ms-fontobject" \ "application/wasm" \ "application/x-font-ttf" \ "application/x-javascript" \ "application/x-web-app-manifest+json" \ "application/xhtml+xml" \ "application/xml" \ "font/eot" \ "font/opentype" \ "font/otf" \ "font/ttf" \ "image/bmp" \ "image/svg+xml" \ "image/vnd.microsoft.icon" \ "text/cache-manifest" \ "text/calendar" \ "text/css" \ "text/html" \ "text/javascript" \ "text/plain" \ "text/markdown" \ "text/vcard" \ "text/vnd.rim.location.xloc" \ "text/vtt" \ "text/x-component" \ "text/x-cross-domain-policy" \ "text/xml" </IfModule> # define and map media types to their appropriate encoding type # Using SVG format (Scalable Vector Graphics) is highly recommended to # load logos, icons, text, and simple images. You can compress .SVG files # further using GZIP to create .SVGZ files. However, most browsers don’t # know that they need to decompress them first if they’re not served # without an appropriate ‘content-encoding’ HTTP response header. Thus, # these images wouldn’t show up in the browser. Hence, this module. <IfModule mod_mime.c> AddType image/svg+xml svg svgz AddEncoding gzip svgz </IfModule> </IfModule>
Вы можете узнать больше обо всех используемых здесь директивах, перейдя в его репозиторий кода и проследив за всеми связанными там ресурсами.
Включите GZIP на веб-сервере Nginx
Согласно Netcraft, Nginx является наиболее часто используемым веб-сервером для компьютеров с выходом в Интернет. Если текущая тенденция сохранится, он скоро обгонит Apache и станет самым используемым веб-сервером среди активных сайтов. Даже Kinsta использует Nginx для поддержки своих оптимизированных для производительности хостинговых решений для WordPress.
Вы можете включить сжатие GZIP на своём веб-сервере Nginx с помощью директив, определённых в модуле ngx_http_gzip_module.
Для начала добавьте приведённые ниже директивы в файл nginx.conf. Как правило, вы можете найти этот файл на своём сервере /etc/nginx/nginx.conf.
gzip on; gzip_comp_level 6; gzip_min_length 256; gzip_proxied any; gzip_vary on; gzip_disable "msie6"; gzip_types application/atom+xml application/geo+json application/javascript application/x-javascript application/json application/ld+json application/manifest+json application/rdf+xml application/rss+xml application/vnd.ms-fontobject application/wasm application/x-web-app-manifest+json application/xhtml+xml application/xml font/eot font/otf font/ttf image/bmp image/svg+xml text/cache-manifest text/calendar text/css text/javascript text/markdown text/plain text/xml text/vcard text/vnd.rim.location.xloc text/vtt text/x-component text/x-cross-domain-policy;
Если ваш сайт обслуживает большие файлы JS и CSS, вы можете увеличить размер буфера, используемого для сжатия, добавив следующую директиву в свой файл nginx.conf :
gzip_buffers 16 8k;
Не забудьте перезагрузить Nginx после сохранения файла nginx.conf.
sudo service nginx reload
Наконец, вы должны проверить, включено ли на вашем сервере сжатие GZIP. Вы можете обратиться к документации Nginx для получения актуального списка всех ngx_http_gzip_moduleдиректив.
Включить GZIP на веб-сервере IIS
Информационные службы Интернета (IIS) от Microsoft — третий по популярности веб-сервер, используемый сегодня. IIS в основном развёртывается в корпоративных средах, работающих под управлением Windows, особенно для настройки корпоративных серверов интрасети и экстрасети.
Он редко используется для размещения сайтов WordPress из-за различных проблем совместимости.
Тем не менее, если вы окажетесь в одной из тех редких ситуаций, когда вам нужно включить сжатие GZIP в IIS, вы можете обратиться к документации Microsoft, чтобы начать работу. Вы также можете найти эту ветку переполнения стека полезной.
Альтернативы сжатию GZIP
Мир сжатия данных в Интернете постоянно развивается. Поскольку средний размер страницы постоянно увеличивается, веб-технологии тоже пытаются его догнать, чтобы сделать передачу данных через Интернет более эффективной.
За последние несколько лет широкую популярность приобрёл новый алгоритм сжатия: Brotli. Сжатие веб-шрифтов WOFF2 изначально было основным направлением деятельности Brotli. Но с тех пор оно расширилось, чтобы поддерживать сжатие для любого типа данных.
Brotli сжимает данные лучше, чем GZIP, но для сжатия данных требуется значительно больше времени и ресурсов. Тем не менее, его время декомпрессии сравнимо с временем декомпрессии GZIP, хотя оно всё же немного медленнее.
Большинство браузеров сегодня поддерживают Brotli, но использовать его на сайтах WordPress всё ещё довольно сложно. Вы должны разместить свой сайт у поставщика услуг хостинга. Который поддерживает Brotli или позволяет установить библиотеку Brotli. Большинство управляемых хостов WordPress ещё не поддерживают его напрямую, но если вы используете CDN, например Cloudflare или KeyCDN, вы можете легко включить его.
Brotli показывает большие перспективы для сжатия статических ресурсов. Akamai опубликовал подробную статью, в которой сравнивает Brotli и GZIP. Вы можете проверить это, чтобы узнать больше о Brotli.
Заключение
Хорошо оптимизированный Интернет подходит всем. Пользователи любят более быстрые веб-сайты, владельцы веб-сайтов любят снижение платы за хостинг. А веб-хосты любят оптимизацию, достигнутую на их серверах. Методы сжатия, такие как GZIP, — один из лучших способов ускорить загрузку страницы для ваших посетителей.
Владельцы сайтов WordPress могут мгновенно ускорить работу своих сайтов, включив сжатие GZIP. Kinsta включает его по умолчанию на всех своих серверах, но для других в этой статье рассматриваются несколько способов включения сжатия GZIP на различных веб-серверах.
Как включить GZIP сжатие на сайте
Технология GZIP сжимает файлы перед отправкой посетителю сайта. Это уменьшает размер страницы на 40-60% и поэтому увеличивает скорость доставки страницы.
Чтобы включить gzip сжатие, надо поставить галочку в плагине кеша, или добавить несколько строк кода в файл .htaccess.
Содержание:
- Что такое GZIP компрессия
- Как это работает
- Как включить GZIP компрессию
Что такое GZIP компрессия
Когда посетитель заходит на страницу, браузер создает запросы к серверу доставить посетителю файлы, из которых состоит запрошенная страница.
Чем больше эти файлы, тем больше времени займет их доставка в браузер посетителя.
GZIP сжимает html, файлы стилей (css) и js перед тем, как сервер отправит их в браузер посетителя. Это уменьшает время, которое требуется на доставку страницы.
Другой плюс этой технологии в том, что включить сжатие очень просто.
Как это работает
В основе технологии gzip лежит простая идея. GZIP находит повторяющиеся фрагменты в html, js и css, например, «технология gzip» или «margin-top», и заменяет их на какое-нибудь сокращение, например, «тg» или «mt», чтобы сделать конечный размер файла меньше.
GZIP может сжимать файлы до 70%, так как в html, css и js файлах находится большое количество повторяющихся фрагментов. Благодаря простоте включения и эффективности эту технологию можно включать одной из первых для кеширования и ускорения сайта.
Когда браузер обращается к серверу, браузер проверяет, включена ли gzip компрессия и запрашивает страницу. Если gzip включен, браузер получает файлы меньшего размера, если выключен, получает файлы большего размера.
GZIP значительно ускоряет время доставки страниц от сервера до посетителя сайта.
Как включить GZIP компрессию
Вручную
Чтобы включить GZIP, добавьте этот код в .htaccess:
После того, как вы добавили этот код, проверьте сайт на Google PageSpeed Tools, GTmetrix, Pingdom или checkgzipcompression.com.
Как включить GZIP сжатие в плагине WP Super Cache
На вкладке Расширенные поставьте галочку напротив Сжимать файлы кеша чтобы ускорить работу.
Как включить GZIP сжатие в плагине WP Fastest Cache
В настройках плагина, вкладка Settings. Поставьте галочку напротив Gzip: Reduce the size of files sent from your server.
Как включить GZIP сжатие в плагине Hummingbird
В настройках Hummingbird зайдите в раздел Dashboard и включите GZIP компрессию в главной консоли, или в разделе GZIP Compression выберите свой сервер (скорее всего, это Apache) и выберите Автоматическое включение.
Как включить GZIP сжатие в плагине W3 Total Cache
Включите компрессию в разделе Browser Cache, секция General.
При помощи плагина Check and Enable GZIP compression
Этот плагин делает только одну вещь — проверяет и включает gzip компрессию. Зайдите в Инструменты — GZIP Compression, нажмите Enable GZIP Compression.
В других кеширующих плагинах эта функция обычно есть, включается аналогичным образом.
***
Включение GZIP — один из самых эффективных способов ускорения сайта, о других способах оптимизации сайта читайте в Ускорении и оптимизации Вордпресс.
Читайте также:
- Как настроить Leverage Browser Caching в Вордпресс
- 5 Лучших плагинов кеширования для Вордпресс
- Как настроить W3 Total Cache. Подробное описание.
Надеюсь, статья была полезна. Оставляйте комментарии.
Gzip сжатие wordpress
Что такое Gzip сжатие, и зачем его нужно включать?
Каждый раз, когда пользователь открывает страницу на вашем сайте, он запрашивает определенные ресурсы с сервера, — контент, картинки, стили оформления, скрипты.
Метод Gzip позволяет сжимать эти ресурсы перед их отправкой, и он особенно эффективно работает с текстовыми форматами, такими как html, js, css (сжимая их до 70%!). Время передачи файлов значительно уменьшается.
Как проверить включёно ли GZIP сжатие на вашем сайте?
Вы можете воспользоваться, например, следующим сервисом:
checkgzipcompression.com/
Просто введите адрес вашего сайта в поле для проверки.
Если сжатие включено, вы увидите сообщение об успехе: You’re blessed! It’s GZIP Enabled.
Как проверить работу GZIP в браузере при помощи инструмента Web Developer Tools
Откройте инструменты разработчика в вашем браузере вызвав меню или нажав определённые клавиатурные сочетания. В Chrome: Tools > Developer tools, или используя сочетания клавиш Ctrl-Shift-I. В Firefox: Developer > Inspector, или сочетание клавиш Ctrl-Shift-C.
Перейдите на вкладку network (сеть), введите ваш адрес или обновите страницу. Затем кликните на верхний элемент, и выберите Headers (заголовки) в правой области.
Вы должны увидеть в списке значений текст Content-Encoding: gzip. Это говорит о том, что метод gzip сжатия работает.
Как включить gzip сжатие на сервере
Перед тем как выполнять любые действия, убедитесь, что у вас есть доступ в панель управления вашего сайта, или доступ к файлам через ftp клиент. Таким образом, если ваш сайт перестанет работать после совершенных изменений, вы сможете легко откатить его обратно в рабочее состояние.
Для того, чтобы включить gzip сжатие, добавьте следующий код в файл .htaccess, который находится в корневом каталоге вашего сайта (возможно вам понадобится включить отображение скрытых файлов).
<ifModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFilterByType DEFLATE application/x-font-opentype AddOutputFilterByType DEFLATE application/x-font-otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE font/opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/javascript AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/xml</code> # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </ifModule>
Проверьте работу GZIP указанными выше способами.
Плагины, позволяющие установить GZIP сжатие
browser cache -> and check Enable HTTP (gzip) compression
Advanced -> Compress pages so they’re served more quickly to visitors
Плагин позволит выполнить проверку работы GZIP сжатия с помощью вышеуказанного сервиса и включить его если вы не хотите редактировать вручную .htaccess
Есть другие плагины, которые работают с GZIP сжатием. Я просто привел вам альтернативы, и вы можете выбрать любой способ.
Похожее
Использование и включение сжатия GZIP для WordPress
Опубликовано в Performance , автор: Samantha Rodriguez
Последнее обновление 5 февраля 2021 г.
Медленный веб-сайт может создать множество проблем. Это может оттолкнуть потенциальных посетителей и клиентов, навредить пользовательскому опыту (UX) вашего сайта и даже повлиять на вашу репутацию.
Уменьшение размера страниц вашего веб-сайта — ключ к увеличению скорости загрузки. К счастью, сжатие GZIP — отличный метод для достижения быстрой загрузки страницы и уменьшения размера файла.
В этом руководстве мы рассмотрим основы сжатия GZIP, включая то, что это такое и для чего он нужен. Затем мы подробно расскажем, как включить сжатие GZIP на веб-сайте WordPress. Давайте прямо сейчас!
Что такое сжатие GZIP?
Сжатие GZIP — это тип сжатия данных, подобный ZIP и RAR. Его можно использовать для сжатия всех файлов на вашем веб-сайте, будь то текстовые, HTML, CSS, JavaScript или XML.
Сжатие
GZIP происходит до того, как файлы будут переданы в веб-браузеры ваших посетителей.Благодаря этому методу сжатие GZIP уменьшает размеры файлов, что может положительно сказаться на времени загрузки веб-сайта.
Что делает сжатие GZIP?
Когда посетитель заходит на ваш сайт, его браузер запрашивает файлы сайта со своего сервера. Ваш сервер сжимает эти файлы перед отправкой в браузер. Сжатие GZIP является одним из методов сжатия файлов.
Сжатые файлы передаются быстрее, чем несжатые файлы. Это помогает улучшить производительность веб-сайта и скорость загрузки — и, как следствие, поисковую оптимизацию (SEO).
Как узнать, включено ли сжатие GZIP
Сжатие
GZIP очень популярно, и многие хостинговые платформы WordPress включают его по умолчанию. Если вы не знаете, как проверить, работает ли сжатие GZIP на вашем сайте, вы можете проверить его, используя сторонние решения или инструменты разработчика в браузере.
Если у вас не включено сжатие GZIP, вы обычно будете видеть предупреждения в таких инструментах, как GTmetrix. Вы также можете использовать инструмент сжатия GZIP, чтобы узнать, использует ли ваш веб-сайт сжатие GZIP.
Также можно проверить, работает ли сжатие GZIP, с помощью инструментов разработчика браузера. Если этот параметр включен, заголовок ответа будет включать «content-encoding: gzip»:
.
Чтобы найти заголовок ответа в Chrome, вам нужно открыть DevTools и перейти к Network , затем перезагрузить страницу. Щелкните имя, соответствующее вашему веб-сайту, и откроется заголовок ответа.
Как включить сжатие GZIP на WordPress
Все веб-сайты на WP Engine по умолчанию используют сжатие GZIP.Все статические файлы, включая текстовые файлы, изображения, CSS и JavaScript, автоматически сжимаются для оптимальной производительности веб-сайта. Это автоматическое сжатие снижает потребность в директивах GZIP в вашем файле .htaccess .
Однако не все веб-сайты WordPress размещены на WP Engine и не получат выгоды от включения сжатия GZIP по умолчанию. Если ваш веб-сайт размещен на другой платформе, вам может потребоваться включить сжатие GZIP вручную. Это можно сделать несколькими способами, которые мы рассмотрим далее.
Включить сжатие GZIP с помощью подключаемого модуля
Самый простой способ включить сжатие GZIP — использовать плагин кэширования. Такие инструменты, как WP Rocket, включают сжатие, добавляя код в файл .htaccess для вас, в то время как другие, такие как W3 Total Cache, потребуют от вас вручную добавить этот код.
Хотя это, как правило, самый простой метод добавления сжатия GZIP, он предполагает добавление дополнительного плагина на ваш сайт. Если вы пытаетесь сохранить свою библиотеку плагинов компактной, вы можете вместо этого использовать одно из следующих решений.
Включить сжатие GZIP для Nginx
Если ваш веб-сайт использует Nginx, есть фрагмент кода, который вы можете использовать для включения сжатия GZIP. Вам необходимо разместить приведенный ниже фрагмент кода в файле nginx.conf вашего сайта в разделе http. Вы также можете поместить этот фрагмент кода в блок конфигурации сервера или местоположения, но обычно рекомендуется раздел http:
gzip на;
gzip_types текст / простой текст / css текст / изображение javascript / svg + изображение xml / приложение x-icon / приложение javascript / x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied закрытая аутентификация без кеширования без хранения с истекшим сроком действия;
gzip_diable «MSIE [1-6];
После сохранения и закрытия файла необходимо перезапустить Nginx.Для этого используйте следующую команду:
sudo service nginx перезапуск
После перезапуска убедитесь, что сжатие GZIP активно, используя описанные ранее методы.
Включить сжатие GZIP для Apache (путем редактирования файла .htaccess)
Если ваш веб-хост использует Apache, вам нужно будет отредактировать файл .htaccess , чтобы включить сжатие GZIP. Этот файл можно найти в корневом каталоге вашей установки WordPress через протокол передачи файлов (FTP) или через файловый менеджер.Большинство методов сжатия GZIP в WordPress потребуют редактирования файла .htaccess .
Есть два мода Apache, которые вы можете использовать для включения GZIP, но mod_deflate является наиболее широко поддерживаемым и хорошо документированным вариантом. Чтобы включить mod_deflate , добавьте:
# Сжимать HTML, CSS, JavaScript, текст, XML и шрифты
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByTyT.мс-fontobject
AddOutputFilterByType DEFLATE применение / х-шрифт
AddOutputFilterByType DEFLATE применение / х-шрифт OpenType
AddOutputFilterByType DEFLATE применение / х-шрифт-OTF
AddOutputFilterByType DEFLATE применения / х-шрифт TrueType
AddOutputFilterByType DEFLATE применения / х-Font- TTF
AddOutputFilterByType DEFLATE применение / х на языке JavaScript
AddOutputFilterByType DEFLATE приложение / XHTML + XML
AddOutputFilterByType DEFLATE приложения / XML
AddOutputFilterByType DEFLATE шрифт / OpenType
AddOutputFilterByType DEFLATE шрифт / OTF
AddOutputFilterByType DEFLATE шрифт / TTF
AddOutputFilterByType DEFLATE изображение / SVG + XML
AddOutputFilterByType DEFLATE изображение / х-значок
AddOutputFilterByType DEFLATE текст / CSS
AddOutputFilterByType DEFLATE текст / html
AddOutputFilterByType DEFLATE текст / JavaScript
AddOutputFilterByType DEFLATE текст / обычный текст
AddOutputFilterByType DEFLATE / XML 9006 9
# Удаление ошибок браузера (требуется только для действительно старых браузеров)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \.cgi-скрипт $
Перед использованием любого мода вам необходимо сделать резервную копию вашего файла .htaccess и убедиться, что модуль mod_filter находится на вашем сервере, иначе может произойти ошибка 500.
Продолжайте учиться с WP Engine
Уменьшение размера страниц вашего веб-сайта может сократить время загрузки и повысить общую производительность. Сжатие GZIP может включить это сокращение, но только если оно включено.
К счастью, здесь, в WP Engine, мы по умолчанию включаем сжатие GZIP.Более того, мы предлагаем отличные ресурсы, которые помогут вам узнать, как создать выдающийся цифровой опыт для ваших посетителей!
Как включить GZIP в WordPress
Скорость находится в верхней части списка желаний каждого владельца веб-сайта. Чем быстрее сайт, тем лучше взаимодействие с пользователем, что приводит к большему количеству конверсий. Кроме того, Google ранжирует страницы, которые загружаются быстрее, выше в результатах поиска. Так что у вас есть веская причина использовать каждую последнюю миллисекунду на своем сайте. Один из конкретных способов сделать это с сайтами WordPress — это GZIP.Самый лучший способ ускорить загрузку — сделать их меньше. Верно? Именно этим и занимается GZIP. Мы покажем вам, как включить его и убедиться, что ваша страница работает быстро, даже если у вас уже настроено и оптимизировано сжатие изображений и другие параметры.
Подпишитесь на наш канал Youtube
Что такое GZIP?
Ну, GZIP — это метод сжатия с открытым исходным кодом. Он работает за кулисами, чтобы отправлять вашим посетителям как можно меньше файлов данных.С официальной домашней страницы:
gzip — это утилита сжатия данных без потерь для одного файла / потока, где результирующий сжатый файл обычно имеет суффикс .gz
gzip также относится к соответствующему формату сжатых данных, используемому утилитой.
Хотя в наши дни легко предположить, что что-либо, в названии которого указано g , является продуктом Google, это не так. Это утилита под лицензией GNU, отсюда и происходит аббревиатура.И он хорош в том, что делает. Вот почему веб-сайтам необходимо включить его, потому что даже если вы выполняете оптимизацию изображений и минификацию JS / CSS, GZIP продолжает сокращать размеры файлов веб-сайта до минимально возможных. Он не работает с очень большими или сверхмалыми файлами и не работает с изображениями. Но то, что сжимает, сильно сбивает.
GZIP в основном берет хороший, чистый, понятный человеку семантический код и объединяет его так, чтобы только браузеры могли его прочитать. Это не то, что разработчики когда-либо увидят, потому что он сжимается на лету после отправки запроса.Так что не беспокойтесь о том, что вам придется залезть в свои файлы и увидеть беспорядок. Вы не сделаете этого.
И если вы пользователь Divi и хотите ускорить работу своего сайта, GZIP — лишь один из способов, который мы рекомендуем вам сделать.
На вашем сайте WordPress уже включен GZIP?
Некоторым пользователям может не потребоваться включать GZIP. Возможно, вы уже используете его и не знаете об этом. Если вы зайдете в GTMetrix или тест скорости Pingdom, вы увидите, оценивает ли он ваш сайт по сжатию компонентов сайта или нет.Вы должны увидеть что-то вроде этого под Enable Compression или подобным заголовком:
Если вы этого не сделаете, вы получите плохую оценку за сжатие, которая будет читаться примерно так:
И если вы похожи на нас и хотите провести несколько проверок, чтобы увидеть, что происходит под капотом, даже если вы получили зеленый результат теста скорости. Вы всегда можете найти программу проверки GZIP. Base64.guru — это тот, который возвращает быстрый ответ, в котором конкретно показано, как и почему GZIP включен или не включен.
Есть несколько причин, по которым у вас может быть включен GZIP, но вы не знаете, как это произошло. Во-первых, ваша хостинговая компания может автоматически включить для вас GZIP. Поскольку серверы должны распознавать запрос браузера на GZIP, некоторые (например, SiteGround) автоматически включают алгоритмы.
Плагин кэширования вашего веб-сайта может также поддерживать GZIP для вашего сайта. Например, если вы используете WP Rocket, он включен по умолчанию. Но чтобы убедиться в этом, вы можете проверить свой .htaccess и убедитесь, что там есть правила.
Вы увидите такие строки, как #Gzip Compression и mod_deflate , которые включены. На этом этапе вам больше ничего не нужно делать. Если, однако, вы все еще получаете сообщение от тестов скорости, что вам необходимо включить GZIP, обратитесь в службу поддержки своей хостинговой компании и попросите их включить mod_deflate на вашем сервере.
Как включить GZIP на WordPress
Вероятно, самый простой способ включить GZIP в WordPress — это просто использовать плагин.Если вы не используете WP Rocket или другой плагин кеширования, который выполняет перезапись за вас, не беспокойтесь. Вы можете установить специальный плагин для GZIP в кратчайшие сроки. Один из самых простых — WP Optimize, он доступен в репозитории плагинов WordPress.org. Имейте в виду, что это общий плагин для кеширования веб-сайтов, поэтому он может не работать, если у вас уже есть один из них. Однако прокрутите вниз, и у нас есть рекомендация и для вас.
После загрузки и установки на панели управления вы найдете пункт меню WP Optimize .Перейдите к Cache под ним, и вы увидите вкладку GZIP Compression .
Вот и все. Для большинства пользователей вы увидите зеленую галочку, которая показывает, что функция включена по умолчанию. Достаточно просто активировать плагин. В противном случае вы просто будете следовать инструкциям, и ваш сайт мгновенно заархивирует эти файлы. Другие плагины кэширования также имеют эту функцию, например W3 Total Cache. Но не во всех из них по умолчанию включен GZIP.Это будет просто параметр, который вы проверяете или переключаете, чтобы включить.
Кроме того, вы можете использовать плагин, например Enable GZIP Compression, для обработки только этой задачи. Это предпочтительнее, если вы уже используете на своем сайте подключаемый модуль кеширования и не хотите рисковать несовместимостью, когда пользователи отправляют запросы к вашему серверу.
Завершение
Самое лучшее в GZIP — это то, что для многих пользователей он уже работает под капотом. Они могут не знать об этом, но это есть.Однако, если на вашем сайте возникают какие-либо проблемы со скоростью, в ваших интересах всегда проверять настройки GZIP для вашего сайта. И если инструменты и утилиты вернутся к вам с сообщением о том, что у вас не включен GZIP, не волнуйтесь. Это всего лишь пара щелчков мышью с подходящими плагинами. И поскольку вам в любом случае нужен плагин кеширования для повышения скорости WordPress, нет ничего, кроме положительных моментов и преимуществ в том, что вам нужно делать для GZIP.
Какой метод вы использовали для включения GZIP на своем сайте WordPress?
Статья из избранного изображения: james weston / shutterstock.com
Как легко включить сжатие Gzip для WordPress
Как владелец веб-сайта вы, вероятно, понимаете важность скорости веб-сайта и времени загрузки страницы. От того, насколько быстро ваш сайт становится доступным для посетителей, зависит показатель отказов, пользовательский опыт, рейтинг в поиске (поскольку скорость является фактором ранжирования) и многое другое.
Один из наиболее эффективных способов ускорить загрузку вашего сайта — это сжатие Gzip, которое также иногда называют HTTP или сжатием браузера.
Если вы регулярно работаете с компьютером, вы, вероятно, уже знаете о сжатии из zip-архивов. Это отличный способ уменьшить размер файлов, чтобы упростить их передачу.
То же самое можно сказать и о файлах, из которых состоит ваш веб-сайт WordPress, и есть веские причины для их сжатия. Файлы меньшего размера позволяют вашим посетителям быстрее загружать их и быстрее просматривать ваш сайт.
Это не только улучшает взаимодействие с пользователем и делает ваш сайт более привлекательным для поисковых систем, но также снижает нагрузку на сервер и использование полосы пропускания, что хорошо для пакетов хостинга, основанных на производительности.
Достаточная причина, чтобы подробно изучить эту тему, не так ли?
Я тоже. Поэтому в этой статье я покажу вам несколько способов включить сжатие Gzip в WordPress, чтобы ваш сайт работал настолько быстро, насколько он того заслуживает.
Как работает сжатие Gzip?
Прежде чем мы углубимся в то, как реализовать сжатие, давайте кратко рассмотрим, как это работает на самом деле.
Прежде всего, веб-сайты состоят из файлов
Как вы, наверное, знаете, большинство современных веб-сайтов состоят из смеси HTML, CSS и JavaScript, которые — на самом базовом уровне — не что иное, как текстовые файлы.Когда посетители запрашивают просмотр вашего сайта, их браузеры загружают эти файлы и отображают веб-страницы из содержащегося внутри кода.
Пока все хорошо.
Однако, поскольку код обычно создается и читается людьми, он организован таким образом, чтобы его было легко понять человеческим глазом. Это одна из многих причин, по которым у нас есть стандарты кодирования WordPress.
Однако таким машинам, как ваш браузер, не требуется код, чтобы быть красивым или разборчивым. Пока они могут его анализировать, он может быть в одном блоке или в одной строке для всего, что им небезразлично.
По этой причине минимизация кода является хорошим способом ускорить загрузку веб-сайта. Это означает не что иное, как убрать все форматирование, которое существует исключительно для того, чтобы сделать код более читаемым для людей, например, комментарии, разрывы строк, пробелы и т. Д.
Как вы понимаете, это экономит много места, что, в свою очередь, уменьшает размер файлов.
Сжатие уменьшает размер файла
Сжатие идет еще дальше. Чтобы понять, как это работает, мы должны понимать, что весь код хотя бы в некоторой степени повторяется.В природе программирования и веб-дизайна просто есть множество повторяющихся шаблонов и элементов.
Алгоритмы сжатия, такие как Gzip, используют этот факт, заменяя повторяющиеся шаблоны своего рода сокращениями. Чтобы прояснить это, давайте представим, что у нас есть фрагмент кода, который выглядит так:
AAA BBBBCCCC С помощью простой системы мы можем сократить тот же фрагмент до следующего:
3A 4B 5C Легко понять, правда? Я просто сократил повторяющиеся символы, указав, как часто они появляются с числами.Это просто, и если вы знаете систему, вы легко сможете вернуть ее в исходную форму.
Однако примечательно то, что этот небольшой шаг сократил наш код с двенадцати символов до всего шести, что составляет сокращение на 50 процентов. Хотя на самом деле Gzip работает не так, его идея очень похожа, хотя и намного сложнее.
Тем не менее, на самом базовом уровне Gzip — это не что иное, как библиотека для сжатия и распаковки данных, и она особенно хорошо работает для текстового контента, такого как строки кода.Фактически, алгоритм может уменьшить размер файлов HTML, CSS и JavaScript на 70–90 процентов.
Поскольку все современные браузеры не только поддерживают Gzip, но и запрашивают его автоматически, это делает сжатие надежным методом ускорения вашего веб-сайта WordPress.
Практический пример
Чтобы показать вам, что это означает в реальной жизни, для этой статьи я добавил сжатие Gzip на один из моих собственных веб-сайтов, который раньше не был сжат.
Вот как выглядела ситуация вначале:
А вот что я потом нашел:
Как видите, включение Gzip для этого сайта WordPress уменьшило размер файла с 550 КБ до 343 КБ и сократило время загрузки на полсекунды (это огромно с точки зрения Интернета!).
Конечно, предстоит еще многое сделать, но это неплохо для одного простого изменения, не так ли? Теперь позвольте мне показать вам, как вы можете сделать то же самое для себя.
Как включить сжатие Gzip для сайтов WordPress
Во-первых, вы должны понимать, что WordPress сам по себе не обрабатывает сжатие, но это то, что происходит на вашем сервере.
Следовательно, вы обычно настраиваете эту функцию не с помощью плагина, а через файл конфигурации сервера (хотя вы увидите, что здесь также есть параметры плагина).
Это оставляет нам следующие способы добавления сжатия Gzip на веб-сайты WordPress.
1. Попросите вашего хоста установить его
Как уже упоминалось, наиболее распространенным способом включения сжатия Gzip является использование конфиденциального серверного файла. На серверах Apache, которые многие из нас используют, это будет .htaccess . Однако ниже вы также найдете информацию для пользователей NGINX.
Но что наиболее важно, если вам неудобно вносить какие-либо изменения в свой сервер самостоятельно, возможно, вам лучше поговорить с вашим хостом.Особенно, если вы работаете с качественной хостинговой компанией, они могут предложить сжатие Gzip как часть своей стандартной услуги или уже настроили его. Поэтому, прежде чем вы начнете вносить какие-либо изменения, может быть хорошей идеей позвонить им.
Кроме того, вы также можете использовать GiftofSpeed.com, чтобы узнать, активно ли сжатие на вашем веб-сайте, прежде чем продолжить.
Если это не так, и вы хотите настроить его самостоятельно, перейдите к шагам ниже. Не волнуйтесь, это далеко от ракетостроения.
2. Используйте подключаемый модуль
WordPress не был бы WordPress, если бы не было какого-то плагина для настройки сжатия Gzip. Один из них просто называется «Включить сжатие Gzip», и это именно то, что он делает.
Просто установите плагин, перейдите на страницу его настроек (Настройки > Сжатие Gzip ) и нажмите кнопку, чтобы включить сжатие.
В моем тесте сработал как шарм.
В качестве альтернативы можно использовать плагин кеширования W3 Total Cache.После установки в разделе Performance> Browser Cache вы можете найти флажок, чтобы добавить сжатие HTTP на ваш сайт WordPress.
Не забудьте сохранить настройки после включения!
Другой вариант плагина — WP Super Cache. Если он есть на вашем сайте, вы можете найти опцию Сжать страницы, чтобы они быстрее показывались посетителям при Расширенный .
Проверьте это, сохраните, и у вас включен Gzip на вашем сайте.
Пользователи WP Fastest Cache находят настройку прямо на первой странице меню настроек плагина.
Как видите, существует множество решений на выбор. Однако, даже если вы не выберете ни один из них, вы все равно можете вручную включить сжатие Gzip на своем сайте WordPress.
3. Включите сжатие Gzip через
.htaccess
Настройка сжатия непосредственно на сервере дает несколько преимуществ.
Во-первых, плагины содержат много дополнительных данных, что увеличивает риск конфликтов с другими расширениями и ошибок.Кроме того, если сжатие — это все, что вам нужно, установка большого плагина с десятками других функций не имеет смысла.
Как упоминалось ранее, файл сервера, ответственный за включение этой функции на серверах Apache, называется .htaccess (да, включая точку). Он также содержит другие инструкции для сервера. Например, когда вы используете красивые постоянные ссылки в WordPress (как сейчас по умолчанию), CMS добавляет правила перезаписи в .htaccess , чтобы это произошло.
Другие функции этого файла: перенаправления, защита файлов и папок от доступа и многое другое, включая сжатие Gzip. Вот как это сделать.
Найти и изменить
.htaccess
Чтобы внести какие-либо изменения в наш файл, вам сначала нужно его найти. Это не всегда легко, потому что по умолчанию он скрыт. Самый простой способ получить доступ к .htaccess — через FTP, но вы также можете использовать cPanel или любой другой интерфейс администратора.
В этом случае мы начнем с открытия выбранного FTP-клиента и подключения его к серверу. .htaccess обычно находится в корневом каталоге веб-сайта. Однако, как я уже упоминал, чаще всего это незаметно.
В FileZilla это можно изменить в Сервер> Принудительно показывать скрытые файлы . Однако у вашего клиента может быть вариант в другом месте.
После того, как вы его нашли, вы можете редактировать файл, как и любой другой. В FileZilla это означает щелчок правой кнопкой мыши, а затем View / Edit.
Вы также можете скачать .htaccess на свой компьютер и внесите изменения на жесткий диск. Фактически, вам, вероятно, все равно следует сделать это, чтобы иметь резервную копию (безопасность прежде всего!).
Если вы выберете маршрут загрузки, имейте в виду, что ваша операционная система также может скрывать файл, и вы не увидите его, пока не измените параметры отображения.
В Windows они расположены в Параметры папки . В этом меню найдите панель View и затем включите Показать скрытые файлы, папки и диски .
Нажмите OK для сохранения. Пользователи Mac могут обратиться к этим инструкциям, чтобы загрузить и отредактировать .htaccess.
Добавьте необходимый код
В целом включить сжатие Gzip не так уж и сложно. Все, что нужно, — это добавить следующий фрагмент кода в файл .htaccess (спасибо GTmetrix за его предоставление!):
# Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
AddOutputFilterByType DEFLATE application / x-font
AddOutputFilterByType DEFLATE application / x-font-opentype
AddOutputFilterByType DEFLATE application / x-font-otf
AddOutputFilterByType DEFLATE application / x-font-truetype
AddOutputFilterByType DEFLATE application / x-font-ttf
AddOutputFilterByType DEFLATE application / x-javascript
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE font / opentype
AddOutputFilterByType DEFLATE font / otf
AddOutputFilterByType DEFLATE font / ttf
AddOutputFilterByType DEFLATE image / svg + xml
AddOutputFilterByType DEFLATE изображение / значок x
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE текст / javascript
AddOutputFilterByType DEFLATE текст / простой
AddOutputFilterByType DEFLATE текст / xml
# Удалите ошибки браузера (требуется только для действительно старых браузеров)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html. Mozilla / 4 \.0 [678] без gzip
BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html
Добавление заголовка Варьируется User-Agent
Поместите его где-нибудь за пределами скобок # BEGIN WordPress и # END WordPress .
Хотя это будет работать в любом случае, если вы поместите код в скобки, есть вероятность, что WordPress перезапишет их.
В случае, если у вас есть проблемы с приведенным выше кодом (я покажу вам, как узнать, работает ли Gzip через секунду), вы также можете использовать альтернативу ниже (оба работали для моего сайта).
AddOutputFilterByType DEFLATE текст / простой
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE текст / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript
AddType x-font / otf .otf
AddType x-font / ttf .ttf
AddType x-font / eot.eot
AddType x-font / woff .woff
AddType image / значок x .ico
AddType image / png .png
Текст AddType / css .css Это почти все, что нужно. Сохраните и загрузите файл, и Gzip должен быть готов. Однако для уверенности давайте проверим, действительно ли он выполняет свою работу.
Убедитесь, что сжатие Gzip работает
Помимо вышеупомянутого GiftOfSpeed.com, в вашем распоряжении есть другие инструменты, чтобы убедиться, что изменение вступило в силу, например, Google PageSpeed Insights и GTmetrix.
Во всех случаях все, что вам нужно сделать, это ввести свой URL-адрес и запустить инструмент. После этого каждый сообщит вам, активен ли Gzip на вашем сайте или нет.
Однако подсказка будет отображаться в разных местах. В PageSpeed Insights проверьте пройденных правил (если это не сработало, вы также получите рекомендацию активировать сжатие дальше на странице).
GTmetrix сообщает о сжатии Gzip в столбце PageSpeed или YSlow :
Вы также можете проверить свой сайт вручную.Откройте его с помощью инструментов разработчика вашего браузера и найдите в разделе Network Response Header . Здесь должно быть указано content-encoding: gzip .
Если вы не видите изменения сразу, это не обязательно означает, что вы допустили ошибку. Просто может потребоваться некоторое время, чтобы сжатие вступило в силу (особенно для крупных сайтов) или обновился кеш сайта.
Если все работает, поздравляем! Вы только что сделали большой шаг в ускорении своего веб-сайта WordPress.
4. Включите Gzip на NGINX
Как уже упоминалось, .htaccess — это файл конфигурации для серверов Apache. Если ваш сайт находится на сервере NGINX, вам нужно вместо этого отредактировать файл с именем nginx.conf , а также добавить к нему этот фрагмент кода:
gzip дальше;
gzip_disable "MSIE [1-6] \\. (?!. * SV1)";
gzip_types текст / простой текст / CSS текст / изображение javascript / svg + изображение xml / приложение x-icon / приложение javascript / x-javascript;
gzip_vary on; Дополнительную информацию можно найти в документации NGINX.В остальном все остальное остается прежним.
Дополнительные соображения
Имейте в виду, что ваш веб-сайт, скорее всего, состоит не только из того, что находится на вашем собственном сервере. Большинство современных веб-сайтов используют по крайней мере некоторые внешние ресурсы, такие как пользовательские шрифты, jQuery или веб-аналитику. Вы также можете использовать сеть доставки контента (CDN) для доставки некоторых файлов вашим посетителям.
Чтобы ваш сайт загружался как можно быстрее (и не получал предупреждения о том, что ему не хватает сжатия Gzip), убедитесь, что эти ресурсы также сжаты.Вы можете проверить это с помощью тех же инструментов, упомянутых выше, введя URL-адрес, по которому расположены ваши внешние ресурсы.
Таким образом, вы можете быть уверены, что ваш сайт WordPress не является смешанным, когда дело доходит до сжатия. Кстати, сокращение до минимума запросов к серверу — еще один отличный способ сделать ваш сайт быстрее.
Gzip-сжатие для WordPress в двух словах
Никогда не недооценивайте, насколько скорость загрузки вашего сайта может повлиять на его популярность среди посетителей и поисковых систем.Скорость загрузки страницы является признаком качества, и умные владельцы веб-сайтов делают все возможное, чтобы сделать свои веб-сайты WordPress максимально быстрыми.
Есть и другие способы ускорить работу вашего сайта WordPress, такие как оптимизация изображений и тщательное тестирование вашего сайта, чтобы увидеть, что его замедляет.
Тем не менее, сжатие Gzip — это простой, но эффективный инструмент, который может иметь огромное значение. Его также легко реализовать, поэтому нет оправдания, чтобы не воспользоваться им. Ваши посетители и Google будут вам благодарны.
Включили ли вы Gzip для своего сайта? Как ты сделал это? Есть мысли или дополнительные советы? Расскажите об этом в комментариях !
Как включить сжатие GZIP на сайте WordPress? (с видео)
Последнее обновление — 8 июля 2021 г.
Как мы уже несколько раз обсуждали ранее, скорость загрузки страницы является важным аспектом, определяющим успех вашего сайта WordPress. Он играет важную роль в пользовательском опыте, а также в рейтинге поисковых систем.Итак, как владелец сайта WordPress, вам придется попробовать несколько стратегий, чтобы обеспечить высокую скорость загрузки страницы. Одной из популярных стратегий, рекомендованных экспертами, будет включение сжатия GZIP на вашем сайте WordPress. В этой статье мы подробнее обсудим сжатие GZIP и то, как вы можете включить его для повышения производительности вашего сайта WordPress.
Что такое сжатие GZIP?
GZIP — это формат файла, который уменьшает размер файлов HTML, CSS и JavaScript, чтобы они обслуживались быстрее, когда пользователь запрашивает их.Обычно это делается на стороне сервера и помогает значительно уменьшить размер файла. Это одна из основных стратегий оптимизации, которую вы обычно видите на веб-сайте WordPress.
Все обычно используемые браузеры теперь поддерживают сжатие GZIP и ищут определенный заголовок при выполнении HTTP-запроса. Если присутствует определенный заголовок сжатия GZIP, браузеры будут обслуживать сжатые файлы уменьшенного размера. Это гарантирует, что все ваши пользователи получат выгоду от более высокой скорости загрузки страниц благодаря сжатию GZIP.
Важность включения сжатия GZIP
Хорошая скорость загрузки страницы — важное требование для веб-сайта WordPress. Вам придется опробовать различные стратегии оптимизации, чтобы обеспечить бесперебойную работу вашего сайта. Включить сжатие GZIP относительно просто, и поэтому большинство владельцев веб-сайтов уверены, что это сделано.
Теперь, если вы не включили сжатие GZIP, вы можете заметить ошибку при тестировании скорости страницы популярными инструментами. Например, если вы включили сжатие GZIP на своем сайте, вы сможете увидеть наивысший балл для параметра «Включить сжатие» в ходе аудита GTMetrix.
Если вы не включили сжатие GZIP на своих страницах WordPress, большинство инструментов тестирования скорости страницы покажут это как ошибку.
Вы также можете проверить, включено ли сжатие GZIP на вашем сайте, с помощью инструментов разработчика в вашем браузере. Например, в Chrome вы можете перейти к инструментам разработчика и проверить заголовки ответов. Здесь вы увидите «Content Encoding: gzip». Это означает, что сжатие GZIP включено.
Используйте инструменты разработчика в своем браузере, чтобы убедиться, что в вашем браузере включено сжатие GZIP.
Как включить сжатие GZIP?
Вы должны включить сжатие GZIP, чтобы определенные ресурсы, такие как HTML, JavaScript и CSS, обслуживались в сжатом виде. Это обеспечит довольно быструю загрузку веб-страниц на вашем сайте. Если есть большие файлы, которые не сжаты, они могут значительно повлиять на скорость загрузки страницы на вашем сайте.
Чтобы включить сжатие GZIP, вы можете выполнить некоторые из общих шагов, предложенных экспертами. Вот некоторые из них:
Обратитесь в службу поддержки вашего хостинга.
Сжатие
GZIP — это широко используемая стратегия веб-оптимизации.Следовательно, многие службы хостинга по умолчанию включают сжатие GZIP. Вы можете проверить, используя приведенные выше стратегии, чтобы убедиться, что они включены. В случае, если он не включен на вашем сайте, вы всегда можете отправить запрос в службу поддержки своему поставщику услуг хостинга. Самые популярные провайдеры хостинг-услуг выполнят ваш запрос.
Если вы новичок в WordPress и не чувствуете себя комфортно в управлении техническими аспектами своего сайта, это лучший способ. Хороший поставщик услуг хостинга без проблем сделает это за вас.
Ознакомьтесь с некоторыми из популярных услуг хостинга для сайта WordPress.
Используйте плагины для включения сжатия GZIP
Еще один относительно простой вариант — использовать плагин кэширования с поддержкой сжатия GZIP. Такие плагины будут иметь возможность включить сжатие GZIP в своих настройках. Если ваш плагин кэширования не имеет доступа для изменения файлов на вашем сервере, вам все равно придется обратиться к поставщику услуг хостинга.
Вот некоторые плагины, которые помогут вам включить сжатие GZIP на вашем сайте WordPress.
Ракета WP
WP Rocket — это мощное решение, которое поможет вам оптимизировать и ускорить работу вашего сайта WordPress. Это плагин, который включает в себя только минимальные и простые шаги настройки, так что даже новички могут легко его настроить. Это поможет сжимать файлы HTML, JavaScript и CSS, чтобы ваши веб-страницы загружались быстрее.
Расширенные функции и отличная поддержка отличают WP Rocket от остальных плагинов кеширования.
Дополнительные возможности
Плагин также поможет вам в следующих аспектах, связанных с оптимизацией.
- Мгновенная активация кеширования страниц
- Предварительная загрузка кеша для ускорения индексации поисковыми системами.
- Ленивая загрузка изображений
- Гибкость для настройки на уровне разработчика.
Включить сжатие GZIP
Это простой плагин, который вы можете загрузить и использовать, если ваш веб-сайт работает на HTTP-сервере Apache. Вы можете использовать его специально для включения сжатия GZIP. Однако, если вам нужны более продвинутые функции оптимизации, рассмотрите премиум-версию.
Премиум версия включает
Помимо включения сжатия GZIP, премиум-версия также поможет вам:
- Установить время истечения срока действия документа
- Включить отложенную загрузку изображения
- Блокировка изображения хотлинкинга
Он также совместим с WooCommerce, и, следовательно, вы можете использовать его, если у вас также есть интернет-магазин.
ниндзя PageSpeed
Это еще один популярный плагин для повышения производительности WordPress, который поможет вам легко включить сжатие GZIP.После установки плагина вы можете легко включить эту опцию вместе с несколькими другими опциями, которые помогут вам оптимизировать производительность вашего сайта.
Вы можете просто включить опцию сжатия в настройках плагина.
WP супер кэш
Это еще один плагин, который вы можете использовать для сжатия файлов на своем веб-сайте. Вы сможете включить эту опцию в настройках плагина. Это также поможет в преобразовании динамических файлов в статические при обслуживании пользователей. Это означает, что большинство пользователей, например тех, кто не вошел в систему, получат статическую версию, которую легче загрузить.Это поможет обеспечить оптимальную работу сайта.
Это один из самых популярных плагинов кэширования WordPress, у которого есть несколько вариантов конфигурации, которые вы можете выбрать в зависимости от ваших технических знаний
W3 Total Cache
Этот плагин очень поможет в улучшении рейтинга в поисковых системах, а также в улучшении пользовательского опыта вашего веб-сайта WordPress. Он предлагает несколько расширенных функций для повышения скорости загрузки страницы на вашем веб-сайте, включая сжатие файлов HTML, JavaScript и CSS.Более того, он также предлагает интеграцию с CDN, чтобы помочь вам избежать задержек при обслуживании клиентов по всему миру.
W3 Total Cache — это полный пакет, который помогает в общих аспектах производительности вашего сайта
Дополнительные функции
Некоторые из других функций, которые вы получите с этим плагином:
- Ленивая загрузка для повышения скорости загрузки страницы и удобства работы пользователей.
- Кэширование браузера с использованием управления кешем для более быстрой доставки страниц.
- Группировка JavaScript по шаблону с контролем местоположения встраивания.
- Неблокирующее встраивание JavaScript.
- Поддержка WP-CLI для очистки кеша
Редактирование файла .htaccess (Apache)
Если сжатие GZIP не включено на вашем сайте WordPress, вы можете управлять этим, отредактировав файл .htaccess. Вы можете найти файл .htaccess в корневой установке WordPress с помощью инструмента FTP. Как только вы найдете файл .htaccess своей установки WordPress, вы можете вставить следующий код под тегом # End WordPress . Будьте осторожны при выполнении этого шага, так как он настроен неправильно.htaccess может сломать ваш сайт.
Всегда рекомендуется сохранять резервные копии вашего сайта, прежде чем вносить какие-либо изменения в код. Вот как вы можете создать резервную копию вашего сайта WordPress. Если вы не уверены, что вносите изменения на уровне кода на своем сайте WordPress, вы всегда можете получить экспертную помощь от одного из популярных поставщиков услуг по обслуживанию WordPress.
# Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.мс-fontobject
AddOutputFilterByType DEFLATE применение / х-шрифт
AddOutputFilterByType DEFLATE применение / х-шрифт OpenType
AddOutputFilterByType DEFLATE применение / х-шрифт-OTF
AddOutputFilterByType DEFLATE применения / х-шрифт TrueType
AddOutputFilterByType DEFLATE применения / х-Font- TTF
AddOutputFilterByType DEFLATE применение / х на языке JavaScript
AddOutputFilterByType DEFLATE приложение / XHTML + XML
AddOutputFilterByType DEFLATE приложения / XML
AddOutputFilterByType DEFLATE шрифт / OpenType
AddOutputFilterByType DEFLATE шрифт / OTF
AddOutputFilterByType DEFLATE шрифт / TTF
AddOutputFilterByType DEFLATE изображение / SVG + XML
AddOutputFilterByType DEFLATE изображение / х-значок
AddOutputFilterByType DEFLATE текст / CSS
AddOutputFilterByType DEFLATE текст / html
AddOutputFilterByType DEFLATE текст / JavaScript
AddOutputFilterByType DEFLATE текст / обычный текст
AddOutputFilterByType DEFLATE / XML
# Удалить челом ошибки ser (требуется только для действительно старых браузеров)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4 \.0 [678] no-gzip
BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html
Добавление заголовка Варьируется User-Agent
Большинство серверов будут использовать Apache, и описанный выше процесс работает в этих случаях. Однако, если вы используете NGINX или IIS, процесс немного отличается.
Включение сжатия GZIP для NGINX
Для серверов NGINX вам нужно будет найти файл nginx.conf и добавить следующий код.
gzip на;
gzip_disable "MSIE [1-6] \.(?!. * SV1) ";
gzip_vary on;
gzip_types text / plain text / css text / javascript image / svg + xml image / x-icon application / javascript application / x-javascript;
Это поможет включить сжатие GZIP на вашем веб-сайте, если вы используете серверы NGINX.
Сжатие для пользователей IIS 7
Если вы используете серверы Microsoft IIS, процесс немного отличается. IIS использует два разных типа сжатия — динамическое и статическое.
Вы можете следовать инструкциям в документации Microsoft IIS, чтобы включить оба типа сжатия.
Надеюсь, эта статья предоставила вам обзор того, как включить сжатие GZIP на вашем веб-сайте WordPress. Это одна из важных и относительно простых стратегий оптимизации. Оставьте нам комментарий, если у вас есть вопросы.
Если вы предпочитаете видеоверсию, посмотрите видео ниже:
Дополнительная литература
Полное руководство по сжатию Gzip в WordPress
Сжатие
Gzip — это популярный метод ускорения работы вашего сайта WordPress за счет уменьшения размера файлов, которые сервер вашего сайта WordPress отправляет в браузеры посетителей.
Благодаря уменьшению размера этих файлов браузерам посетителей требуется меньше времени для загрузки вашего сайта, что ускоряет загрузку страницы.
В этом посте вы узнаете все, что когда-либо хотели знать о сжатии Gzip в WordPress. Вы узнаете:
- Подробнее о сжатии Gzip и принципах его работы
- Есть ли какие-либо проблемы или соображения относительно использования сжатия Gzip
- Как настроить сжатие WordPress Gzip ( некоторые методы будут работать и для сайтов, не относящихся к WordPress )
Давайте углубимся, чтобы вы могли ускорить свой сайт.
Что такое сжатие Gzip? Разъяснение более подробно
Gzip — это метод сжатия файлов вашего сайта на уровне сервера.
Каждый раз, когда браузер посетителя запрашивает файл с вашего сервера, ваш сервер сжимает этот файл с помощью Gzip перед его доставкой в браузер посетителя, если браузер посетителя поддерживает метод сжатия Gzip (, что и все современные браузеры ).
Это сжатие не повлияет на функциональность вашего сайта, поэтому не нужно беспокоиться о том, что оно что-то сломает — оно просто незаметно ускорит работу вашего сайта в фоновом режиме.
Каковы преимущества?
Уменьшая размер файлов вашего сайта, посетители могут быстрее загружать эти файлы, а это значит, что ваш сайт загружается быстрее.
При использовании сжатия Gzip вы можете уменьшить размер ваших файлов до 70%, поэтому практически все инструменты тестирования производительности веб-сайтов рекомендуют вам использовать сжатие Gzip.
Это также одна из самых простых настроек производительности WordPress, поэтому вы можете получить эти преимущества всего за несколько минут работы.
Существуют разные «уровни»
До сих пор мы уделяли основное внимание сжатию Gzip, например тому, как он может сжать файлы вашего сайта до 70%.
Но на самом деле есть две части головоломки, когда дело доходит до сжатия Gzip:
- Уменьшение размера файла
- Время, необходимое вашему серверу для сжатия файлов
Сжатие Gzip имеет 9 различных уровней сжатия, каждый из которых является балансирующим действием между тем, насколько ваш сервер может сжимать файлы и сколько времени это занимает.
Уровень 1 требует наименьшего времени для сжатия файлов, но также имеет наименьшее уменьшение размера файла. И наоборот, уровень 9 предлагает наибольшее уменьшение размера файла, но также требует наибольшего времени для сжатия. Каждый уровень от 1 до 9 предлагает различное соотношение уменьшения размера файла ко времени сжатия.
По умолчанию уровень составляет 6 , но можно настроить уровень сжатия в соответствии с вашими предпочтениями.
Кому следует использовать сжатие Gzip? Это безопасно?
Простой ответ — каждый должен использовать сжатие Gzip.
Сжатие
Gzip — это проверенный метод, который не повлияет на работу вашего сайта.
Он существует с 90-х годов и используется подавляющим большинством веб-сайтов, поэтому вам не нужно беспокоиться о том, что он вызовет какие-либо проблемы на вашем сайте.
По данным W3 Techs, 79,6% веб-сайтов используют тот или иной тип сжатия. И из этих 79,6% веб-сайтов 99% используют Gzip.
Кроме того, из-за своей популярности все современные браузеры поддерживают сжатие Gzip.
Есть несколько альтернатив Gzip.Например, Brotli — это еще один алгоритм сжатия, который собирает пар и может предложить лучшие коэффициенты сжатия / время в некоторых конфигурациях, особенно для статических данных.
Однако Brotli не так широко распространен, и Brotli сложнее реализовать. Так что, если вы не технический пользователь, создающий свой собственный стек хостинга, вам будет гораздо лучше с испытанным вариантом в Gzip.
Как настроить сжатие Gzip в WordPress: 4 метода
Как я упоминал ранее, сжатие Gzip довольно легко реализовать, и у вас есть несколько методов для настройки сжатия Gzip в WordPress:
- Вручную, добавив несколько простых фрагментов кода.
- С плагином, либо специальным плагином Gzip, либо расширенным плагином производительности WordPress.
Ниже я расскажу о четырех различных методах, в зависимости от ваших технических знаний и настроек сервера:
- Ручной метод .htaccess — используйте его, если ваш хост использует веб-сервер Apache (, самые дешевые хосты используют ) и вам удобно редактировать файл .htaccess.
- Выделенный плагин сжатия Gzip для WordPress — используйте его, если вы еще не используете расширенный плагин для повышения производительности ( см. Следующий пункт )
- Плагин кэширования — если вы используете плагин кэширования или повышения производительности, проверьте, поддерживает ли он уже сжатие WordPress Gzip.
- Ручной метод настройки Nginx — используйте его, если ваш хост использует веб-сервер Nginx ( некоторые управляемые хосты WordPress используют, но он не так популярен, как Apache ).
Как вручную включить сжатие Gzip через .htaccess
Чтобы вручную включить сжатие Gzip в WordPress, вы можете добавить фрагмент кода прямо в файл .htaccess вашего сайта.
Чтобы отредактировать файл .htaccess вашего сайта, вы можете использовать…
Когда вы сможете редактировать файлы на сервере своего сайта, отредактируйте файл.htaccess в корневой папке вашего сайта. Это та же папка, в которой находятся папки wp-content и wp-admin .
Затем добавьте следующий фрагмент кода в начало файла .htaccess:
# Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType DEFLATE application / x-font AddOutputFilterByType DEFLATE application / x-font-opentype AddOutputFilterByType DEFLATE application / x-font-otf AddOutputFilterByType DEFLATE application / x-font-truetype AddOutputFilterByType DEFLATE application / x-font-ttf AddOutputFilterByType DEFLATE application / x-javascript AddOutputFilterByType DEFLATE application / xhtml + xml AddOutputFilterByType DEFLATE application / xml AddOutputFilterByType DEFLATE font / opentype AddOutputFilterByType DEFLATE font / otf AddOutputFilterByType DEFLATE font / ttf AddOutputFilterByType DEFLATE image / svg + xml AddOutputFilterByType DEFLATE изображение / значок x AddOutputFilterByType DEFLATE text / css AddOutputFilterByType DEFLATE text / html AddOutputFilterByType DEFLATE текст / javascript AddOutputFilterByType DEFLATE текст / простой AddOutputFilterByType DEFLATE текст / xml # Удалите ошибки браузера (требуется только для действительно старых браузеров) BrowserMatch ^ Mozilla / 4 gzip-only-text / html. Mozilla / 4 \.0 [678] без gzip BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html Добавление заголовка Варьируется User-Agent
После сохранения изменений ваш сайт должен использовать сжатие Gzip.
Как включить сжатие Gzip с помощью специального подключаемого модуля
Если вы чувствуете себя комфортно, редактируя файл .htaccess вашего сайта, я бы порекомендовал использовать описанный выше ручной метод, поскольку плагин просто предлагает немного более простой способ добавления фрагмента кода в ваш файл .htaccess.
Тем не менее, я полностью понимаю, если вы беспокоитесь о том, что что-то сломаете или не можете подключиться к своему серверу через FTP.
В этом случае вы можете использовать бесплатный плагин Enable Gzip Compression на WordPress.org.
После установки и активации плагина все, что вам нужно сделать, это перейти в Настройки → Сжатие Gzip на панели управления WordPress и затем нажать кнопку Включить сжатие Gzip :
И все! После того, как вы нажмете кнопку, ваша работа будет завершена, и на вашем сайте WordPress станет активным сжатие Gzip.
Как включить сжатие Gzip с помощью подключаемого модуля кэширования
Многие плагины кэширования WordPress включают функцию сжатия Gzip WordPress. Вот краткое изложение того, как это работает с некоторыми популярными решениями:
- WP Rocket — WP Rocket по умолчанию включает сжатие Gzip. Итак, если у вас активен плагин WP Rocket, ваш сайт уже использует сжатие Gzip.
- WP Super Cache — перейдите в Настройки → WP Super Cache → Advanced .Затем установите флажок «Сжимать страницы, чтобы они быстрее показывались посетителям».
- WP Fastest Cache — перейдите на вкладку WP Fastest Cache и установите флажок «Gzip — уменьшить размер файлов, отправляемых с вашего сервера».
- W3 Total Cache — перейдите к Performance → Browser Cache . Затем установите флажок «Включить сжатие HTTP (Gzip)».
Например, вот как это выглядит в WP Fastest Cache:
Как вручную включить сжатие Gzip на Nginx
Если ваш хост использует веб-сервер Nginx, а не более популярный веб-сервер Apache, вы не можете использовать расширение.htaccess, потому что веб-сервер Nginx не использует файлы .htaccess.
Чтобы включить сжатие Gzip на Nginx, вместо этого вам нужно добавить следующий фрагмент кода в файл конфигурации Nginx:
gzip on; gzip_comp_level 2; gzip_http_version 1.0; gzip_proxied любой; gzip_min_length 1100; gzip_buffers 16 8k; gzip_types текст / простой текст / HTML-текст / CSS-приложение / x-javascript-текст / XML-приложение / XML-приложение / XML + RSS-текст / JavaScript; # Отключить для IE <6, потому что есть некоторые известные проблемы gzip_disable "MSIE [1-6].(?!. * SV1) "; # Добавить изменяемый заголовок для нисходящих прокси, чтобы избежать отправки кешированных файлов с gzip в IE6 gzip_vary on;
Если вы хотите изменить уровень сжатия Gzip, вы можете сделать это с помощью «gzip_comp_level 2;» строку, заменив «2» желаемым уровнем сжатия от 1 до 9.
Некоторые управляемые хосты WordPress не позволяют напрямую редактировать файл конфигурации Nginx - например, Kinsta ограничивает доступ по соображениям безопасности. В этом случае вы все равно можете обратиться в службу поддержки своего хозяина, и они будут готовы добавить ее за вас.
Как проверить, работает ли сжатие Gzip
После того, как вы включили сжатие WordPress Gzip одним из описанных выше методов, вы можете проверить его работу с помощью одного из многих онлайн-инструментов для тестирования сжатия Gzip.
Мне нравится этот от GiftOfSpeed - все, что вам нужно сделать, это ввести URL-адрес вашего сайта, и он сообщит вам, включен ли Gzip, и уменьшит размер файла, которого вы достигаете.
Например, вы видите, что мы можем уменьшить размер главной страницы Design Bombs на 78.07%, что является большим снижением:
Начните работу с Gzip-сжатием WordPress сегодня!
Напомним, что сжатие Gzip - это способ уменьшить размер файлов вашего сайта до 70-80%. Чтобы добиться этого сокращения, ваш сервер будет сжимать файлы на уровне сервера перед их доставкой в браузеры посетителей.
Сжатие
Gzip никоим образом не повлияет на ваш сайт и предоставляет простой способ ускорить работу WordPress.
Многие плагины для повышения производительности и кеширования WordPress уже позволяют вам использовать сжатие Gzip.Или вы также можете включить его вручную или использовать специальный плагин сжатия WordPress Gzip.
Конечно, для ускорения WordPress нужно больше, чем просто включение сжатия Gzip. Итак, после того, как вы настроили сжатие Gzip, продолжайте читать о том, как ускорить WordPress с помощью плагинов кеширования, минификации и высококачественного хостинга WordPress.
Похожие сообщения
Как включить сжатие GZIP в WordPress (простое руководство)
- Даниэль Патаки
Если вы какое-то время работали с компьютерами, вы, вероятно, уже знакомы со сжатием.Для тех, кто этого не делает: сжатие - это очень полезный инструмент для группировки группы файлов в один файл значительно меньшего размера (и более удобный для переноса), что для веб-сайтов означает значительно более быструю загрузку страницы. В этой статье я рассмотрю, как работает сжатие gzip и как вы можете включить его на своем собственном веб-сайте на WordPress.
Как работает сжатие
Прежде чем перейти к тому, как его реализовать, давайте сначала посмотрим, что такое сжатие и как оно может помочь.
В настоящее время почти все современные веб-сайты используют смесь HTML, CSS и JavaScript, написанную программистами логичным и понятным во всем мире способом. В результате почти всегда возникают небольшие накладные расходы, которые служат не более чем удобочитаемости для человека. Более того, большинство программистов также будут использовать различные шаблоны проектирования и общие элементы, что приводит к изрядному количеству повторений.
Алгоритмы сжатия, такие как gzip, используют шаблоны и повторы, обнаруженные в тексте, для создания более эффективного способа хранения данных.Давайте посмотрим на пример.
Вот HTML-код, чтобы текст в нем отображался полужирным шрифтом:
выделено жирным шрифтом
Сжатая версия на самом деле довольно длинная: eNqzKS4pys9LtyvJyCxWAKKk / JwUG32oIC8XALn8Cuo = . Однако посмотрите, что происходит, когда мы сжимаем следующее:
выделено жирным шрифтом это тоже жирный шрифт
Сжатая версия: eNqzKS4pys9LtyvJyCxWAKKk / JwUG32oIC + XDRZphZL8fCQlACNDF0U = .Несмотря на то, что исходный текст более чем вдвое больше, сжатая версия на самом деле всего на 16 символов больше - колоссальное уменьшение размера на 32%, что означает меньшую загрузку и более быстрый веб-сайт.
Как включить сжатие gzip для WordPress
Важно понимать, что за сжатие gzip не отвечает WordPress. На самом деле это то, что обрабатывается самими серверами (а не внутри WordPress), а это означает, что для его включения вам придется настраивать вещи вне WordPress.
Спросите своего хозяина
Перво-наперво: поскольку для включения сжатия необходимо отредактировать (или даже создать) конфиденциальный файл, с которым не так-то просто работать (известный как «файл htaccess»), если у вас есть какие-либо сомнения относительно того, что делать. , может быть лучше попросить вашего хозяина сделать это за вас. Если у вас первоклассный хостинг с первоклассной поддержкой, они смогут настроить это для вас (если они еще этого не сделали) в течение нескольких минут.
Самостоятельная настройка
Файл htaccess используется для передачи серверу специальных инструкций, таких как перенаправление, автоматическое добавление или добавление файлов к определенным запросам, а также множество других полезных вещей, таких как включение сжатия gzip! Сложнее всего настроить самостоятельно - это найти - и затем отредактировать - этот проблемный файл.
Прежде всего, вам понадобится способ доступа к файлам на вашем сервере. Наиболее предпочтительным методом для большинства людей почти наверняка будет FTP. Однако, поскольку файл htaccess сайта представляет собой «точечный файл» (что означает, что он обычно скрыт), его немного сложнее найти. Что еще хуже, поскольку это скрытый файл, если вы загрузите его на свой компьютер так же, как и обычный файл, он останется скрытым, что затруднит редактирование. (Примечание. Если вы используете Mac, прочтите нашу статью о том, как загрузить, отредактировать и повторно загрузить файл htaccess, не изменяя никаких настроек вашего компьютера.)
Важно: , если все это звучит немного пугающе, то вам, вероятно, лучше оставить это, пока у вас не появится немного больше опыта, поскольку здесь не место, чтобы углубляться в необходимые основы, например, как использовать FTP-клиент, как редактировать файлы на сервере или за его пределами или как работать с точечными файлами.
Если, с другой стороны, вы уже знакомы с такими вещами , все, что вам нужно сделать, чтобы включить сжатие gzip, - это скопировать и вставить следующее в файл htaccess вашего сайта:
Вот и все - готово! Ваш текстовый контент, такой как HTML, CSS и JavaScript, теперь должен передаваться в сжатом виде с помощью gzip.
Проверьте свою работу
Существует несколько способов проверить, сжимаются ли файлы сайта с помощью gzip, один из самых простых (и наиболее интересных) - использование замечательного инструмента тестирования сайта GTMetrix - то, что мы уже рассмотрели в предыдущей статье. : Как использовать GTMetrix для проверки скорости веб-сайта - эффективно!
Если все работает так, как должно (и, как всегда, вам, возможно, придется очистить кеш вашего сайта и / или подождать несколько минут, чтобы изменения вступили в силу), вы должны увидеть следующее в «Водопаде» раздел результатов GTMetrix вашего сайта:
Просто!
Заключение
Сжатие
Gzip - одно из тех простых исправлений скорости, которые можно добавить (или уже добавили) на ваш сайт - независимо от того, работает ли он на WordPress или иным образом.Если вы не включите его, вы можете упустить значительное увеличение скорости.
Заключительное примечание: если вы хотите узнать больше о файле htaccess сайта, я бы рекомендовал взглянуть на отличное руководство по htaccess от Tuts +, которое включает в себя кучу дополнительной информации и ряд замечательных лакомых кусочков, которые вы, возможно, сможете использовать. в пользу вашего сайта.
Привет, меня зовут Даниэль! Я разрабатываю вещи для Интернета, а затем пишу или рассказываю о них.Я технический директор Kinsta и пишу для множества замечательных онлайн-журналов. Когда я не кодирую или не пишу, вы, вероятно, найдете меня играющим в настольные игры. Напишите мне в Twitter или посетите мой личный веб-сайт.
Включить сжатие GZIP - База знаний WP Rocket
В этой статье
Как работает сжатие GZIP
Сжатие
GZIP позволяет сжимать содержимое HTML, CSS и JS, чтобы файлы, отправляемые с сервера в браузер посетителя, были меньше.Меньший размер файла означает более быструю загрузку, что сокращает общее время загрузки вашей страницы. У нас есть подробное объяснение в нашем блоге.
ПРИМЕЧАНИЕ. Сжатие GZIP может применяться только к файлам, обслуживаемым из вашего собственного домена, НЕ к файлам от третьих лиц - Facebook, Google и т. Д.
Как WP Rocket применяет GZIP
На серверах Apache WP Rocket автоматически добавляет правила сжатия GZIP в ваш файл .htaccess с помощью модуля mod_deflate . Вот правила, которые мы добавляем в ваш файл htaccess:
# сжатие Gzip# Сжимать весь вывод, помеченный одним из следующих MIME-типов AddOutputFilterByType DEFLATE application / atom + xml \ приложение / javascript \ приложение / json \ приложение / rss + xml \ приложение / vnd.ms-fontobject \ приложение / х-шрифт-ttf \ приложение / xhtml + xml \ приложение / xml \ шрифт / opentype \ изображение / svg + xml \ изображение / x-значок \ текст / css \ текст / html \ текст / простой \ текст / x-компонент \ текст / xml Добавление заголовка Vary: Accept-Encoding AddType text / html .html_gzip AddEncoding gzip .html_gzip SetEnvIfNoCase Request_URI \ .html_gzip $ no-gzip
Следовательно, для работы сжатия GZIP есть 2 требования:
- mod_deflate должен быть включен на сервере (спросите свой веб-хостинг),
- Необходимые правила помещены в файл конфигурации вашего сервера.htaccess, расположенный в корневом каталоге вашего сайта.
CSS / JS / HTML предварительно сжаты
Когда WP Rocket создает файл кеша для каждой страницы, он создает 2 версии - файл HTML и файл GZIP. Версия в формате GZIP обычно обслуживается, но HTML используется в качестве запасного варианта.
Когда применяются оптимизации файлов, такие как Minify / Combine CSS и JS, WP Rocket также создает 2 версии каждого файла, но они не обслуживаются автоматически.
Дополнительную информацию об этой функции см. В этом руководстве.
На вашем сервере должна быть доступна функция gzencode в PHP.
Устранение неполадок предупреждений "включить сжатие"
- «Компрессия компонентов с помощью GZIP» - Pingdom
- «включить сжатие текста» - PageSpeed / Lighthouse
- «включить сжатие» - GT Metrix
- «Компоненты сжатия» - Yslow
- Pingdom не предоставляет список конкретных файлов, которые помечаются, поэтому, если это то, что вы использовали, повторно запустите тест, используя GT Metrix или PageSpeed.
- Затем щелкните сообщение, чтобы развернуть его и просмотреть список помеченных файлов.
- Размещены ли перечисленные файлы в вашем домене?
- Использует ли ваш сайт файл htaccess?
Если файлы являются внешними, т.е. не обслуживаются из вашего собственного домена, вы не можете их оптимизировать.
Подробнее об этом можно прочитать в нашем документе:
Обработка внешних ресурсов
Если файлы, на которые есть ссылка , размещены в вашем домене , проверьте следующее:
Как описано выше, WP Rocket добавляет правила GZIP в файл htaccess.Уточните у своего хозяина, если:
- На вашем сайте используется файл htaccess. Если это так, проверьте файл, чтобы убедиться, что присутствует блок правил выше
- Mod_deflate включен на сервере
Некоторые серверы имеют по умолчанию максимальный и минимальный размеры файлов для сжатия. Если файл очень большой или очень маленький, он не может быть сжат.
Например, очень маленькие файлы не получат выгоды от сжатия, а некоторые типы файлов не должны сжиматься.Подробнее
HTML без GZIP
В некоторых конкретных конфигурациях сервера все статические ресурсы будут правильно сжаты, но вы можете получить предупреждение о том, что документ HTML не сжимается.
Есть 2 возможности решить эту проблему:
1. Убедитесь, что кеш обслуживается нашими правилами перезаписи htaccess:
- Отключить Отдельные файлы кеша для мобильных устройств (Это не требуется на большинстве сайтов с адаптивными темами)
- Отключить кэш пользователя
2.Если вышеуказанная конфигурация невозможна (иногда наши перезаписи htaccess удаляются для совместимости), попробуйте включить сжатие zlib на вашем сервере:
Добавьте следующую директиву в свой файл user.ini или php.ini, помещенный в корень WordPress:
zlib.output_compression = On
Не забудьте после этого проверить свой сайт!
Администраторы сервера
Если у вас есть собственный сервер, вот некоторые рекомендации о том, что вам нужно для применения сжатия GZIP.Обратите внимание, что мы не можем предоставить поддержку для внесения изменений в конфигурацию вашего сервера. Мы предоставляем эту информацию как полезный ресурс 🙂
Apache
Если вы запускаете выделенный сервер Apache, вы можете активировать mod_deflate, выполнив эту командную строку:
a2enmod deflate
… и затем перезапустите сервер:
перезапуск службы apache2
NGINX
Nginx не использует .htaccess. Чтобы включить GZIP на NGINX, вы можете следовать этому руководству:
easyengine.io / учебники / nginx / включить-gzip /
Или вы можете использовать эту альтернативную конфигурацию для NGINX, предоставленную одним из наших клиентов:
github.com/maximejobin/rocket-nginx
IIS - Windows
Серверы IIS не используют файл htaccess. GZIP должен быть включен на уровне конфигурации сервера. Вы можете следовать этому руководству, чтобы включить GZIP на серверах IIS:
docs.microsoft.com/en-us/iis/extensions/iis-compression/using-iis-compression
.