Поскольку Google все больше заботится о пользовательском опыте (UX) веб-сайтов, оптимизация вашего сайта становится критически важной. Среди наиболее важных факторов, на которые следует обратить внимание, — скорость страницы и время загрузки.
Один из самых быстрых и простых способов повысить скорость и производительность сайта — включить сжатие в WordPress . Возможно, ваш веб-хостинг автоматически включит сжатие GZIP для вас. В противном случае вы также можете решить эту важную задачу самостоятельно.
В этом посте мы объясним, что такое сжатие GZIP и как оно работает. Затем мы обсудим, как проверить, работает ли сжатие GZIP на вашем сайте, а если нет, то разберем три метода, которые вы можете использовать для включения сжатия в WordPress . Давайте начнем!
Наша команда на it-consult.pro помогает владельцам веб — сайтов включить сжатие GZIP и контролировать их WordPress сайты 24/7. Если вам нужно, чтобы мы управляли одним веб-сайтом или поддерживали 1000 клиентских сайтов, мы готовы помочь.
Что такое сжатие GZIP?
GZIP — это формат файла и программное приложение, используемое для сжатия и распаковки файлов. Он был создан Жан-Лу Гайли и Марком Адлером и выпущен как бесплатная замена программе сжатия, используемой в ранних системах Unix.
Как и программное обеспечение Core WordPress, GZIP был предназначен для использования с GNU. «G» в «GZIP» от «GNU».
Сжатие GZIP не работает с изображениями , и это неоднозначно, когда дело касается файлов мультимедиа. Например, некоторые файлы изображений, такие как MPEG и WAV, хорошо сжимаются с помощью GZIP. Другие типы файлов, такие как MP3, могут действительно увеличиться в размере, если вы попытаетесь их сжать.
Также важно отметить, что сжатие GZIP должно быть включено на вашем веб-сервере, прежде чем вы сможете включить сжатие файлов и папок. Вскоре мы обсудим, как определить, включен ли на вашем веб-сервере GZIP.
На стороне клиента все современные веб-браузеры поддерживают сжатие GZIP и автоматически запрашивают его при выполнении HTTP-запросов. Это означает, что вы можете ожидать, что все пользователи воспользуются преимуществами сжатия GZIP после его включения.
Для чего нужно GZIP?
Сжатие часто встречается в компьютерном мире. Проще говоря, это очень удобный метод группировки большого количества файлов в один файл меньшего размера . Это помогает решить некоторые проблемы, возникающие из-за того, что на вашем сайте слишком много больших файлов, что может замедлить время загрузки ваших веб-страниц.
Это важно, потому что медленно загружающийся веб-сайт может негативно повлиять на UX и затруднить конверсии. Фактически, по словам Нила Пателя, 47 процентов потребителей ожидают, что веб-страница загрузится за две секунды или меньше . Если вы ведете бизнес в области электронной коммерции, до 79 процентов клиентов говорят, что они с меньшей вероятностью совершат покупку на веб-сайте, если он не обеспечивает удобство использования.
Веб-страницы могут занимать много места на сервере из-за больших размеров файлов , особенно файлов JavaScript (или JavaScript W3), блокирующих отображение. Вот почему вам следует максимально сжимать файлы JavaScript этих типов.
К счастью, существует множество инструментов, которые могут помочь вам диагностировать проблемы с загрузкой страниц , включая Google Pagespeed Insights , GTmetrix и Pingdom . Как только вы обнаружите проблему с производительностью, вы можете принять меры для ее решения.
Как работает сжатие в WordPress?
Мэшап компьютерных языков — HTML, CSS и JavaScript — используется почти на всех современных веб-сайтах. Если вы уменьшите их до самой простой формы, вы обнаружите, что веб-сайты по сути являются текстовыми файлами . Это означает, что есть разные способы оптимизации данных вашего сайта.
Например, минификация — это одна из техник, которые часто используются для сжатия текста в WordPress. Вы также можете сжимать компоненты с помощью сжатия GZIP WordPress, которое является эквивалентом сжатия файлов для веб-сайтов. Это процесс уменьшения размеров файлов вашего веб-сайта (включая файлы HTML, JavaScript и CSS).
Когда пользователи переходят на ваш веб-сайт, их браузеры загружают эти текстовые файлы и начинают отображать веб-сайт в соответствии с содержащимся в них кодом . Затем этот код переводится во что-то читаемое и понятное для пользователей.
Однако браузеры не требуют лишних пробелов и дополнительного форматирования, используемых для улучшения читабельности для людей. Пока браузер может анализировать содержимое кода, он может быть записан в один длинный блок текста.
Таким образом, сжатие WordPress GZIP устраняет форматирование, которое в основном используется для понимания человеком . Уменьшение длины кода таким образом также уменьшает размер файла, содержащего его.
Сжатие WordPress GZIP может творить чудеса с производительностью вашего веб-сайта, особенно когда речь идет об улучшении времени загрузки страницы. Если вы когда-либо искали «как сжать файл», то эта статья для вас.
Как определить, включено ли сжатие GZIP в WordPress
Ваш веб-хост может включить сжатие в WordPress по умолчанию во время процесса настройки учетной записи. Однако это не всегда так. Вы можете проверить, включено ли сжатие GZIP, несколькими способами.
Один из самых быстрых и простых способов — использовать онлайн-средство проверки, такое как Gzip Test от Base64.Guru :
Инструмент отреагирует одним из двух способов :
- Он сообщит вам, что ваш сайт поддерживает GZIP, и покажет, сколько места было сэкономлено за счет сжатия.
- Он сообщит вам, что у вас не включен GZIP.
Вы также можете проверить, получает ли ваш браузер заголовок content-encoding: GZIP в ответе от веб-сервера. Если вы используете Chrome, откройте свой сайт во вкладке браузера, затем щелкните правой кнопкой мыши в любом месте страницы и выберите « Проверить», чтобы открыть инструменты разработчика .
Затем перейдите в раздел « Сеть» и щелкните имя домашней страницы. Выберите вкладку Заголовки , а затем прокрутите вниз, чтобы найти раздел Заголовки ответа :
Там вы увидите, включено ли сжатие GZIP.
Стоит подчеркнуть, что сжатие GZIP — это то, что вам нужно включить на стороне сервера, а не в WordPress . Когда вы размещаетесь в таких компаниях, как GoDaddy или Kinsta , эта функция уже будет включена в их стандартные пакеты хостинга . Для некоторых других веб-хостов вам нужно включить сжатие WordPress GZIP.
Как включить сжатие GZIP в WordPress (3 метода)
Если вы определили, что сжатие WordPress GZIP еще не включено , вы можете использовать несколько методов для его запуска. Ниже мы рассмотрим варианты включения сжатия GZIP в WordPress, включая методы как для опытных веб-разработчиков, так и для начинающих пользователей WordPress.
- Редактирование файлов вашего сайта вручную
- Связь с вашим хостинг-провайдером
- Использование плагина
1. Включите сжатие GZIP WordPress, отредактировав файл .htaccess вручную
Один из наиболее распространенных способов включить сжатие WordPress GZIP — отредактировать файл .htaccess . Однако этот конкретный метод предполагает изменение кода вашего сайта, что сопряжено с риском взлома чего-либо. Это конфиденциальный серверный файл, и одно неверное движение может вызвать множество проблем.
Чтобы снизить вероятность нанесения вреда вашему веб-сайту WordPress, обязательно сохраните копию исходного файла перед внесением каких-либо изменений. Также не забудьте сделать резервную копию вашего сайта WordPress ! После того, как вы изучите эти основы, пора приступать к работе.
.Htaccess файл должен находиться в корневой папке вашего сайта . Лучший способ получить доступ к этому файлу — через клиент протокола передачи файлов (FTP) . Найдя этот файл, вы можете либо отредактировать его напрямую, либо загрузить на свой компьютер, прежде чем вносить изменения.
После обнаружения и открытого .htaccess , добавьте следующий код ниже разделов ознаменовались # BEGIN WordPressи # END WordPressтегами (за это, местоположение конкретного , где вы включить фрагмент кода не имеет значения):
# Сжатие HTML, CSS, JavaScript, текста, XML и шрифтов
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / vnd.ms-fontobject
AddOutputFilterByType- application / vnd.ms-fontobject AddOutputFilterByType- application / vnd.ms-fontobject
AddOutputFilterByt
AddOutputFilterByType DEFLATE применение / х-шрифт-OTF
приложение AddOutputFilterByType DEFLATE / х-шрифта TrueType
AddOutputFilterByType DEFLATE применение / х-шрифт-TTF
AddOutputFilterByType DEFLATE применение / х-Java -
приложение 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
# Удалите ошибки браузера (требуется только для действительно старых браузеров)
BrowserMatch ^ Mozilla / 4 gzip-only-text / html
BrowserMatch ^ Mozilla / 4.0 [678] no-gzip
BrowserMatch bMSIE! No-gzip! Gzip-only-text / html
Header append Варьировать User-Agent
Сохраните файл и загрузите его на сервер вашего сайта. Когда вы закончите, запустите свой веб-сайт с помощью инструмента проверки сжатия GZIP (или проверьте заголовки ответов), как обсуждалось ранее, чтобы убедиться, что все прошло успешно.
Включить сжатие GZIP в NGINX или IIS
Хотя большинство планов общего хостинга работают на веб-серверах Apache, вы можете использовать что-то еще, например NGINX или Microsoft IIS. Включение сжатия GZIP для веб-серверов NGINX немного отличается от процесса, описанного выше.
Если вы работаете на NGINX (например, если вы пользователь Kinsta), вы можете включить сжатие GZIP в WordPress путем открытия вашего nginx.conf файл и добавить следующий код:
gzip дальше;
gzip_disable "MSIE [1-6]. (?!. * SV1)";
gzip_vary on;
gzip_types текст / простой текст / CSS текст / изображение javascript / svg + изображение xml / приложение x-icon / приложение javascript / x-javascript;
Если вы используете IIS от Microsoft , см. Документацию Microsoft о том, как включить сжатие GZIP в WordPress .
2. Включите сжатие GZIP в WordPress, связавшись с вашим хостинг-провайдером.
Многие веб-хосты по умолчанию включают сжатие WordPress GZIP , так как оно дает заметные преимущества в производительности. Другие, такие как SiteGround , предоставляют только свои собственные инструкции по включению сжатия GZIP в WordPress.
Если у вас не включено сжатие GZIP по умолчанию, и вам неудобно вносить изменения в файлы вашего веб-сайта, вы можете попросить свой веб-хостинг включить для вас сжатие WordPress GZIP . Как правило, большинство веб-хостов будут готовы помочь вам с этим вопросом, когда вы обратитесь к их группам поддержки клиентов.
3. Включите сжатие GZIP в WordPress через плагин.
Конечно, если вы используете WordPress, всегда есть плагин, который может облегчить вашу работу . Предупреждение? Больше плагинов означает больше потенциальных уязвимостей , и они занимают некоторое место на вашем сервере.
Тем не менее, есть несколько полезных инструментов, которые позволяют легко включить сжатие GZIP в WordPress , в том числе:
WP Rocket
WP Super Cache
W3 Total Cache
Enable Gzip Compression
PageSpeed Ninja
Заключение
Хотя существует множество способов улучшить скорость и UX вашего сайта WordPress, сжатие GZIP — один из самых быстрых и простых вариантов. Некоторые хостинг-провайдеры включают эту функцию автоматически. Однако, если вы видите, что сжатие GZIP не работает на вашем сайте WordPress , у вас есть несколько вариантов.
Как мы обсуждали в этом посте, для включения сжатия в WordPress можно использовать три основных метода :
- Вручную отредактируйте файл .htaccess своего сайта, чтобы добавить несколько фрагментов кода .
- Обратитесь к своему хостинг-провайдеру, чтобы они включили его, что рекомендуется, если вам неудобно работать с кодом.
- Установите плагин WordPress для включения сжатия GZIP, например WP Rocket , PageSpeed Ninja или Enable Gzip Compression .
Когда вы закончите, есть несколько дополнительных тактик, которые вы можете использовать для повышения скорости страницы, например, использование плагинов оптимизации изображений и использование CDN . Если вам нужна помощь в оптимизации , просто свяжитесь с нами здесь, в IT CONSULT. У нас есть несколько планов обслуживания, которые подходят для владельцев веб-сайтов, разработчиков и предприятий!