Как включить сжатие GZIP для WordPress

Опубликовано: 2023-02-12

Медленный сайт может создать много проблем. Это может оттолкнуть потенциальных посетителей и клиентов, повредить пользовательскому опыту вашего сайта (UX) и даже повлиять на вашу репутацию.

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

В этом руководстве мы рассмотрим основы сжатия GZIP, в том числе что это такое и что оно делает. Затем мы подробно расскажем, как включить сжатие GZIP на веб-сайте WordPress. Давайте прыгать прямо в!

Оглавление

1. Что такое сжатие GZIP?

2. Что делает сжатие GZIP?

3. Как узнать, включено ли сжатие GZIP

4. Как включить сжатие GZIP в WordPress

4.1. Включить сжатие GZIP с помощью плагина

4.2. Включить сжатие GZIP для Nginx

4.3. Включить сжатие GZIP для Apache (путем редактирования файла .htaccess)

5. Продолжайте учиться с WP Engine

Что такое сжатие GZIP?

Сжатие GZIP — это тип сжатия данных, аналогичный ZIP и RAR. Его можно использовать для сжатия всех файлов на вашем веб-сайте, будь то текст, HTML, CSS, JavaScript или XML.

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

Что делает сжатие GZIP?

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

Сжатые файлы передаются быстрее, чем несжатые файлы. Это помогает повысить производительность и скорость загрузки веб-сайта и, как следствие, поисковую оптимизацию (SEO).

Как узнать, включено ли сжатие GZIP

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

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

Также можно проверить, работает ли сжатие GZIP, используя инструменты разработчика браузера. Если этот параметр включен, заголовок ответа будет включать «кодирование контента: gzip»:

Чтобы найти заголовок ответа в Chrome, вам нужно будет открыть DevTools и перейти к Network , а затем перезагрузить страницу. Нажмите на имя, соответствующее вашему веб-сайту, и откроется заголовок ответа.

Как включить сжатие GZIP на WordPress

Все веб-сайты на WP Engine по умолчанию используют сжатие GZIP. Все статические файлы, включая текстовые файлы, изображения, CSS и JavaScript, автоматически сжимаются для обеспечения оптимальной производительности веб-сайта. Это автоматическое сжатие уменьшает потребность в директивах GZIP в вашем файле .htaccess .

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

Включить сжатие GZIP с помощью плагина

Самый простой способ включить сжатие GZIP — использовать плагин кэширования. Такие инструменты, как WP Rocket, обеспечивают сжатие, добавляя код в ваш файл .htaccess , в то время как другие, такие как W3 Total Cache, потребуют от вас добавления этого кода вручную.

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

Включить сжатие GZIP для Nginx

Если на вашем веб-сайте используется Nginx, вы можете использовать фрагмент кода, чтобы включить сжатие GZIP. Вам необходимо разместить приведенный ниже фрагмент кода в файле nginx.conf вашего сайта, в разделе «http». Вы также можете поместить этот фрагмент кода в блок конфигурации сервера или местоположения, но обычно рекомендуется использовать раздел http:

gzip on; gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript; gzip_min_length 1000; gzip_vary on; gzip_proxied no-cache no-store private expired auth; gzip_diable “MSIE [1-6];

После того, как вы сохранили и закрыли файл, вам нужно будет перезапустить Nginx. Для этого используйте следующую команду:

sudo service nginx restart

После перезагрузки убедитесь, что сжатие GZIP активно, используя ранее описанные методы.

Включить сжатие GZIP для Apache (путем редактирования файла .htaccess)

Если ваш веб-хост использует Apache, вам нужно будет отредактировать файл .htaccess , чтобы включить сжатие GZIP. Этот файл можно найти в корневом каталоге вашей установки WordPress через протокол передачи файлов (FTP) или файловый менеджер. Большинство методов сжатия WordPress GZIP требуют редактирования файла .htaccess .

Есть два мода Apache, которые вы можете использовать для включения GZIP, но mod_deflate — это наиболее широко поддерживаемый и лучше всего задокументированный вариант. Чтобы включить mod_deflate , добавьте:

<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>

Чтобы вместо этого включить mod_gzip , добавьте:

<ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_include mime ^text/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_include handler ^cgi-script$ </ifModule>

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

Продолжайте учиться с WP Engine

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

К счастью, здесь, в WP Engine, мы по умолчанию включаем сжатие GZIP. Более того, мы предлагаем отличные ресурсы, которые помогут вам научиться создавать выдающиеся цифровые возможности для ваших посетителей!