Pressdev

GZIP Test to Check if Compression is Enabled in WordPress

Before you proceed further, you can check to see if you already have GZIP compression enabled (for example, your web host might enable it by default during the account setup process).

One of the fastest and easiest ways of doing so is to use an online checker (such as Base64 Guru’s GZIP Test).

The process to check GZIP compression is pretty similar regardless of which GZIP test tool you select. All you have to do is provide the URL to your website, then run the search.

The tool will respond in one of two ways:

  1. It will tell you that your site is GZIP-enabled and show you how much space was saved via compression
  2. It will tell you that you do not have GZIP enabled

You can also check to see if your browser receives the content-encoding: GZIP header in the response it receives from the web server.

If you’re using Chrome, go to Developer Tools > Network, then click on the homepage name. Scroll down in the information that appears to find the Response Headers section.

Шаг 1 — Включение gzip сжатия

Вы можете включить gzip для вашего сайта используя mod_gzip или mod_deflate. Рекомендуется использовать сжатие mod_deflate, так как оно использует более хороший алгоритм сжатия и сами модули совместимы с более поздними версиями Apache. Больше информации об этих двух методах вы можете найти в этой статье журнала Linux.

Вариант 1 — Редактирование .htaccess

Gzip сжатие через mod_deflate (рекомендованное) может быть включено путем добавления следующего кода в ваш файл .htaccess (руководство о том, как найти ваш файл .htaccess может быть найдено здесь):

  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/xml
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE application/xhtml+xml 
  AddOutputFilterByType DEFLATE application/x-font  
  AddOutputFilterByType DEFLATE application/x-font-truetype  
  AddOutputFilterByType DEFLATE application/x-font-ttf  
  AddOutputFilterByType DEFLATE application/x-font-otf 
  AddOutputFilterByType DEFLATE application/x-font-opentype 
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE font/ttf 
  AddOutputFilterByType DEFLATE font/otf 
  AddOutputFilterByType DEFLATE font/opentype
# For Older Browsers Which Can't Handle Compression
  BrowserMatch ^Mozilla/4 gzip-only-text/html 
  BrowserMatch ^Mozilla/4\.0 no-gzip
  BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Если ваш сервер не поддерживает mod_deflate, вы можете попробовать альтернативный вариант mod_gzip:

  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$

Как только изменения будут сохранены, gzip сжатие будет включено.

Вариант 2 — Плагины CMS

Пользователи WordPress могут включить gzip сжатие, установив такие плагины, как GZip Ninja Speed Compression.

На Joomla вы можете включить gzip в панели управления вашим сайтом в разделе Система → Глобальные настройки → Сервер. Вы также можете посетить наше руководство об улучшении производительности Joomla здесь.

Вариант 3 — Включение gzip через cPanel

Если вы используете cPanel, вы можете включить gzip для всех ваших сайтов в разделе Оптимизация сайтов. Подробное руководство может быть найдено здесь.

Вариант 4 — Хостинг на базе Windows

Если вы используете сервер на базе Windows, вы можете включить HTTP сжатие для статического и динамического контента через командную строку:

appcmd set config /section:urlCompression /doDynamicCompression:True
appcmd set config /section:urlCompression /doStaticCompression:True

За подробностями вы можете обратиться к официальному руководству Microsoft.

Enable compression via .htaccess

For most people reading this, compression is enabled by adding some code to a file called .htaccess on their web host/server. This means going to the file manager (or wherever you go to add or upload files) on your webhost.

The .htaccess file controls many important things for your site. If you are not familiar with the .htaccess file, please read my working with .htaccess article to get some know how before changing it.

The code below should be added to your .htaccess file…

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

Save the .htaccess file and then refresh your webpage.

Check to see if your compression is working using the Gzip compression tool.

How to Enable GZIP Compression

If you don’t have GZIP compression enabled, there are a couple of ways you can go about enabling it on your web server.

Enable GZIP with WordPress Plugin

The first and one of the easiest is by using a caching plugin that supports enabling GZIP. WP Rocket, for example, adds GZIP compression rules in your .htaccess file automatically using the mod_deflate module. W3 Total Cache also has a way to enable this for you under it’s performance section. Even though these are plugins, this still relies on permissions to modify files on your webserver. If your caching plugin doesn’t have permission, you will need to ask your host or use a snippet of code below.

Enable GZIP on Apache

The second way to enable Gzip compression is by editing your .htaccess file.  Most shared hosts use Apache, in which you can simply add the code below to your .htaccess file. You can find your .htaccess file at the root of your WordPress site via FTP.

Important: Make sure  is loaded on your server, otherwise the directive will not work and could cause a 500 error. We recommend checking your error logs if you have any issues with the code below.

Ensure that you add it below the current contents of your .htaccess file. Example below:

Example of GZIP Apache .htaccess code

Enable GZIP on IIS

If you are running on IIS, there are two different types of compression, static and dynamic. We recommend checking out Microsoft’s guide on how to enable compression.

If you enjoyed this tutorial, then you’ll love our support. All Kinsta’s hosting plans include 24/7 support from our veteran WordPress developers and engineers. Chat with the same team that backs our Fortune 500 clients. Check out our plans

Для чего нужно включение Gzip сжатия файлов в .htaccess?

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

GZIP compression — обеспечивает бесперебойную архивацию передаваемых файлов. Таким образом мы получаем сжатие без потерь качества исходника. Все данные приходят в исходное состояние после распаковки уже в браузере пользователя. Сама реализация происходит благодаря нескольким алгоритмам работы. К ним относятся основной DEFLATE с использованием LZ77 и Хаффмана.

Конечно такой вид компрессии (сжатия) не является идеальным решением. Но реализация  Gzip приводит нас к равновесию между скоростью и степенью сжатия. Этот метод является наиболее востребованным на фоне прочих способов ускорения сайта. Тем более, внедрение более глобального метода на сервер, займет уйму времени и тестирования. И может не дать нужного результата!!! Gzip сжатие в этом плане, самый надежный способ ускорения загрузки файлов.

Ускорение сайта WordPress на уровне Back-end

Теперь пришло время улучшить работу WP, для этого понадобятся минимальные знания, ибо я предоставлю готовые решения, способные значительно упростить жизнь. Начнем, конечно же, не с самого простого.

Выбор темы

Это ключевой момент. На самом деле движок WordPress довольно-таки шустрый. Его ругают за то, что из «коробки» ничего нет, но я считаю это правильным. Такой подход дает большую вариативность последующей кастомизации. Поставил плагин для SEO, какой нужно, добавил функционал, который необходим именно для целевого проекта.

Но не только плагины грузят сайт. Частенько, основным фактором нагрузки становится тема. Стандартные темы WP практически не содержат в себе ничего лишнего, не требуют колоссальных ресурсов для генерации страниц. Но ведь функционал данных тем может показаться недостаточным?

И тогда начинается поиск. Рекомендую следующее. По возможности не брать темы с большим количеством скриптов, где все элементы построены на AJAX. Да, они выглядят красиво, но чтобы обеспечить полный функционал, могут быть подключены сотни разнообразных скриптов, которые будут с трудом грузиться. Да и подход к SEO при использовании AJAX несколько сложнее.

Чем чище тема, тем лучше

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

Например, Avada, JupiterX. Там будут конструкторы тем, разнообразные функции для поддержки встроенных слайдеров, некоторые вообще не будут работать без тяжеловесных плагинов.

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

Плагины

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

Если нужна только одна функция и плагина под нее нет, то тогда есть смысл создать нужный код самому

На самом деле, не важно, куда внесете код. В виде плагина или в functions.php он будет требовать одинаковое количество ресурсов

Перебарщивать с плагинами тоже не стоит. Чем их больше, тем больше ресурсов потребуется на работу с ними, что может заметно замедлить сайт.

Но использовать можно, если они закрывают ваши потребности. Не бойтесь плагинов, но по возможности урезайте их количество. Чтобы ускорить сайт, уберите лишние. Ищите замены, в которых функционал консолидирован. Тестируйте, пробуйте альтернативы.

Оптимизация JS и CSS

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

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

Отложенная и асинхронная загрузка JS

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

Как правильно все это настроить я рассказал в отдельной статье. Рекомендую ознакомиться, ведь там размести наиболее правильные с точки зрения WordPress методы оптимизации. Кликайте по заголовку.

Перенос скриптов в подвал

Да, убрать скрипты из head и перенести в подвал тоже можно. Достаточно добавить в файл functions.php такой код:

if(!is_admin()){ 
remove_action('wp_head', 'wp_print_scripts'); 
remove_action('wp_head', 'wp_print_head_scripts', 9); 
remove_action('wp_head', 'wp_enqueue_scripts', 1); 
add_action('wp_footer', 'wp_print_scripts', 5); 
add_action('wp_footer', 'wp_enqueue_scripts', 5); 
add_action('wp_footer', 'wp_print_head_scripts', 5); 
}

Фактически, все скрипты, расположенные в разделе head будут отключены и подключатся заново в разделе footer. Ничего сложного. Но не всегда это хорошо влияет на сайт

используйте с осторожностью

Enable compression on Apache webservers

The instructions and code above will work on Apache. If they are not working there is another way that may work for you. If the above code did not seem to work, remove it from your .htaccess file and try this one instead…

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

Сжатие текста с помощью GZIP

TL;DR

  • GZIP лучше всего сжимает текстовые ресурсы: CSS, JavaScript и HTML.
  • Все современные браузеры поддерживают и автоматически запрашивают сжатие GZIP.
  • На сервере должно быть настроено сжатие GZIP.
  • В некоторых сетей доставки контента вы должны проверить, включено ли сжатие GZIP.

GZIP — это стандартный компрессор, который может быть применен к любому потоку байтов. Он запоминает встреченный ранее контент, а затем находит и заменяет повторяющиеся фрагменты данных. Прочитать подробное описание работы GZIP можно здесь. GZIP лучше всего сжимает текстовые ресурсы, часто достигая коэффициента сжатия 70-90% при работе с большими файлами. Однако, если вы попытаетесь уменьшить размер ресурсов, уже сжатыхс помощью альтернативных алгоритмов, (например, изображений), не произойдет практически никакого улучшения.

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

Библиотека Размер Размер после сжатия Коэффициент сжатия
jquery-1.11.0.js 276 КБ 82 КБ 70%
jquery-1.11.0.min.js 94 КБ 33 КБ 65%
angular-1.2.15.js 729 КБ 182 КБ 75%
angular-1.2.15.min.js 101 КБ 37 КБ 63%
bootstrap-3.1.1.css 118 КБ 18 КБ 85%
bootstrap-3.1.1.min.css 98 КБ 17 КБ 83%
foundation-5.css 186 КБ 22 КБ 88%
foundation-5.min.css 146 KB 18 КБ 88%

В таблице сверху показано, насколько уменьшился размер нескольких популярных библиотек JavaScript и CSS-фреймворков при использовании сжатия GZIP. Коэффициент сжатия составляет от 60 до 88%, а при обработке минифицированных файлов (в названии которых есть .min) он становится ещё выше.

  1. Сначала применяйте методы оптимизации для конкретного контента: CSS-, JS- или HTML-минификаторы.
  2. Используйте GZIP для сжатия минифицированных файлов.

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

Какая конфигурация подойдет вашему серверу лучше всего? В проекте HTML5 Boilerplate размещены примеры файлов конфигурации для самых популярных серверов с подробными комментариями для всех параметров и настроек. Найдите в списке нужный сервер, загляните в раздел GZIP и убедитесь, что на вашем сервере установлены рекомендованные настройки.

Чтобы посмотреть результаты работы GZIP, откройте инструменты разработчика в Chrome и найдите столбец (Размер/контент) на панели (Сеть). Число — это вес передаваемого ресурса, а — вес несжатого ресурса. Например, GZIP сжал передаваемый HTML-ресурс из примера выше на 24,8 КБ.

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

What is WordPress GZIP Compression? ️

GZIP is a file format and a software application used for file compression and decompression.

GZIP compression was created by Jean-loup Gailly and Mark Adler. It was released as a free software replacement for the compression program used in early Unix systems.

As with the WordPress core software in general, GZIP was intended for use by GNU (open source, free software). The «G» in “GZIP” is from «GNU».

WordPress GZIP compression is the process of reducing the size of your website files, including HTML, JavaScript, and CSS.

GZIP compression does not work on images, however, and it is a mixed bag when it comes to media files.

For example, some images files, such as MPEG and WAV files, compress well with GZIP, while other file types, such as MP3 files may actually increase in size if you try to compress them.

GZIP compression must be enabled on your web server in order for it to work you to enable file and folder compression (web servers with GZIP enabled will return the content-encoding: GZIP header in its response).

From the client side, all modern web browsers support GZIP compression and automatically ask for it when making HTTP requests — this means that you can expect all users to reap the benefits of GZIP compression once you’ve enabled it.

How Does WordPress GZIP Compression Work?

A mashup of computer languages—HTML, CSS, and JavaScript—are used by almost all modern websites. Reducing them to their most basic form, they’re essentially text files.

When users go to your website, their browsers download these text files and will begin rendering the website according to the code contained within these files. These codes are then translated to something readable and understandable to the average human.

️ Clean, semantic code is the gold standard for human operators looking to modify over time, especially if you want to enable GZIP compression in #WordPress. Click To Tweet

As machines, browsers don’t require all that extra white space and extra formatting used to improve readability. As long as the browser can analyze code content, it can be written in one long block of text.

In general, WordPress GZIP compression takes away the formatting that is mainly used for human understanding. Reducing the length of code also reduces the size of the file containing it.

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

Если вы боитесь вносить изменения в файлы сайта, то вам проще всего установить плагин, который это сделает за вас. У WordPress есть простой и легкий плагин Check and Enable GZIP compression.

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

Итак, устанавливаем плагин Check and Enable GZIP compression. Сделать это можно прямо из админки WordPress. Переходите на вкладку Плагины — Добавить новый. В строку поиска копируете название плагина Check and Enable GZIP compression и жмете Enter Устанавливаете и активируете открывшийся плагин.

В меню Инструменты у вас появится новая строчка — GZIP Compression. Нажимаем на нее. Если GZIP-сжатие у вас включено, то вы увидите такую картинку:

Можете плагин удалять, он вам больше не понадобится.

Если же сжатия на вашем сайте нет, то картинка будет такая:

Нажмите на кнопку Enable GZIP Compression. Вот и все!!! Сжатие включилось! Если же вы, немного подучившись делать сайты на WordPress, перестанете бояться редактировать файлы сайта, то отключите GZIP-сжатие, нажав на кнопку Disable GZIP Compression, удалите плагин и действуйте в соответствие со следующей инструкцией:

Лучший бесплатный плагин Tiny png

Отличным автоматизированным решением является бесплатный плагин оптимизации изображений Tiny png. Находим и устанавливаем через админку стандартным поиском .

Модуль Tiny

После установки переходим Настройки > Compress JPEG & PNG images, если нет аккаунта на данном сервисе, то регистрируем, вводим имя и почту.

Регистрация на сервисе

На почту придет письмо активации, нажимаем на синюю кнопку.

Активация аккаунта

Копируем API ключ из панели сервиса.

API ключ

Вставляем ключ, если автоматическая подстановка не произошла, в соседнее окно в плагине

Успешное обновление подписки tinypng

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

Настройка плагина

Выбрав 2 галочки, мы скажем плагину – при генерации и оптимизации работаем с двумя видами медиафайлов

Обратите внимание, что в месяц дается 500 сжатий, но мы выбрали два параметра, значит в месяц обработке поддаются 250 элементов. С моими потребностями такого количества хватает, в противном случае оформляется платный тариф

Спускаемся ниже и находим раздел Original image, отмечаем галочкой, чтобы включить инструмент и выставляем максимальную ширину 840px.

Сохранение настроек

Зайдите в медифайлы в админке, там появится новый раздел Bulk optimization, тут можно с помощью массовой оптимизации обновить хоть 100 изображений за раз.

Массовое сжатие изображений

Если хотим оптимизировать файлы каждого изображения, то заходим в медиафайлы, и напротив каждого элемента появится новая кнопка.

Через библиотеку

Есть множество дополнений без ограничений, Tiny Png применяет современные технологии в оптимизации изображений не только на WordPress. Сжать картинки можно и на самом онлайн сервисе tiny png.

Существует еще один плагин сжатия изображений wordpress, который понравился тем что нет ограничений по запросам в месяц, но результат работы не дотягивает. Называется Smush и похожий на него EWWW Image Optimizer, отличие в том что ограничения накладываются на функционал, а не на количество.

Wrapping Up

While there are plenty of ways to improve your WordPress site’s speed and page load time, GZIP compression is one of the easiest ways to do it.

Don’t wait for slow page load times to affect your businesses bottom line. Check your website to determine if WordPress GZIP compression is enabled. If it isn’t, you have plenty of tools at your disposal to turn the tides in your favor.

Once you’re done with WordPress GZIP compression, there are still several additional tactics you can employ for improving page speed. Educate yourself and take advantage of the available options—like image optimization plugins or using a CDN.

And if you need help with your next enable GZIP compression in WordPress adventures, just reach out to us here at WP Buffs. We have several care plans that can suit the needs of many different website owners, developers, and businesses.

Want to give your feedback or join the conversation? Add your comments  on Twitter.

Плагины GZIP compression для WordPress

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

PageSpeed Ninja — это наилучший плагин производительности для WordPress. Вы сможете сделать свои сайты быстрыми на десктопах и мобильных устройствах, в один клик исправив проблемы найденные Google PageSpeed Insights. Позволяет быстро включить сжатие на сайте.

WP Fastest Cache — также один из популярнейших плагинов хеширования. Имеет огромное количество сгруппированных настроек, одна из которых включает сжатие.

Comet Cache — этим плагином я сам пользуюсь. Так как в совокупности с остальными плагинами, он дает отличный результат. Также одна из его настоек включает gzip сжатие.

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

В заключение скажу следующее: обязательно включайте сжатие. Это очень хорошо повлияет на производительность и поднимет сайт в поиске. Надеюсь эта статья поможет Вам в этом.

  • Как оптимизировать изображения для интернет сайта WP
  • Настройка кэширования страниц сайта с помощью .htaccess — примеры
  • ТОП 9 способов оптимизировать CSS для ускорения сайта
  • Как сделать 301—редирект в файле .htaccess подробные примеры
  • Оптимизация JS и CSS кода сайта онлайн — подробное руководство
  • Оптимизация HTML кода сайта — чистка, сжатие, исправление ошибок
  • Техническая оптимизация и доработка сайта — вывод сайта в ТОП-10 PS
  • Техническая оптимизация сайта — структура, код, html, css, js, php
  • Как создать файл robots.txt для сайта — правильный robots.txt инструкция
  • Как создать файл .htaccess — подробная инструкция для новичков
  • Создаем карту сайта XML и HTML — создание карты сайта на WordPress
  • Как добавить карту сайта XML Sitemap в Google Webmaster — Yandex Вебмастер
  • Как использовать файл .htaccess — безопасность сайта (новичкам)
  • Что такое техническое Seo? Подробное руководство для начинающих

Оптимизировать картинки

Бесплатные онлайн-инструменты для оптимизации картинок

  • Optimizilla
  • Image Optimizer

Топ-плагины WordPress для оптимизации картинок

  • WP Smush
  • Imagify Image Optimizer
  • Optimus – WordPress Image Optimizer
  • ShortPixel Image Optimizer
  • EWWW Image Optimizer

До установки плагина оптимизации картинок сайт работал со скоростью 84/100 баллов по шкале Google PageSpeed.

После установки плагина оптимизации скорость стала 92/100.

Если после установки плагина вы все равно видите предупреждение от Google об оптимизации картинок — не переживайте. Инструмент Google PageSpeed предоставляет оптимизированную версию этих картинок. Вы можете загрузить их, а потом обновить в библиотеке медиа в WordPress или через File Manager.

Также убедитесь, что вы почистили кэш веб-сервера.

Советы Page Speed в отношении gzip сжатия

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

А выполнение всех рекомендаций того же Пейдж Спид многократно усилит эффект (еще раз призываю перейти по указанным выше ссылкам)

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

Когда-то ранее в ходе оптимизации одного из своих проектов я применял для тестирования тот же инструмент PageSpeed, но тогда он предлагался в том числе в составе дополнений для Google Chrome и Mozilla, причем для инсталляции последнего надо было предварительно установить незабвенное расширения Файрбуг (здесь читайте об установке и работе с ним).

Итак, на очередном шаге оптимизации одного из своих ресурсов при проверке Page Speed проинформировал, что именно выполнение gzip сжатия скриптов, файлов стилей и документов HTML является на данный момент приоритетным (рекомендация находилась в красной зоне):

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

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

Осуществление gzip сжатия оказалось возможным благодаря активации модуля mod deflate, который можно включить через директивы в конфигурационном файле .htaccess, регулирующем все процессы в отношении сайтов на серверах Apache. Подробнее обо всем этом опять же читайте далее по тексту, а сейчас мне хотелось бы отметить, что такой метод будет исправно работать только в том случае, если на хостинге, где «живет» вам веб-сайт, установлен Апач в чистом виде.

Дело в том, что многие передовые провайдеры используют связку Apache + Nginx, где последний играет очень важную роль, выполняя в том числе функции кэширующего сервера и принимая на себя основную нагрузку. Ежели ваш хостер применяет именно этот вариант, то все настройки (не только сжатие, но и, например, кеширование в браузерах пользователей) производятся на Nginx.

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

What is GZIP Compression?

GZIP is a file format and a software application used for file compression and decompression. GZIP compression is enabled server-side, and allows for further reduction in the size of your HTML, stylesheets, and JavaScript files. It will not work on images as these are already compressed in a different way. Some have seen up to 70% reductions due to compression. It is probably one of the easiest optimizations you could make when it comes to WordPress.

When a web browser visits a website it checks to see if the web server has GZIP enabled by seeing if the “content-encoding: gzip” response header exists. If the header is detected, it serves up the compressed and smaller files. If not, is serves up the uncompressed files. If you don’t have GZIP enabled, you will most likely see warnings and errors in speed testing tools such as Google PageSpeed Insights and GTmetrix.

GZIP Warning in Google PageSpeed Insights

As you can see, Google says that compressing resources with GZIP or deflate can reduce the number of bytes sent over the network.

Enable compression warning in Google PageSpeed Insights

GZIP Warning in GTmetrix

GTmetrix also has a recommendation to enable GZIP compression to reduce the transfer size of the static resources.

Enable GZIP compression warning in GTmetrix

Ссылка на основную публикацию