Включаємо gzip стиснення в wordpress, все про wordpress
Щоб домогтися високої швидкості завантаження вашого WordPress-сайту, важливо знизити розмір його сторінок. Є відчутна різниця між сайтом, завантажувати в межах однієї секунди, і сайтом, який вантажиться «зі скреготом», ледве-ледве. Включення GZIP-стиснення дозволяє знизити розмір ваших веб-сторінок, що відбивається на часі завантаження всього ресурсу в цілому, прискорює процес передачі даних клієнта, а також допомагає поліпшити час до першого рендеринга сторінок. Всі сучасні браузери підтримують і автоматично узгоджують GZIP-стиснення для всіх HTTP-запитів. Сьогодні ми розповімо вам, як перевірити і включити GZIP-стиснення на вашому веб-сервері.
Що являє собою GZIP-стиснення?
Коли веб-браузер відвідує сайт, він перевіряє, чи включено на веб-сервері 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»:
Ви повинні переконатися, що GZIP включений у вашого WordPress-хостера, оскільки адміністратори серверів нерідко беруть до розгляду дану оптимізацію. Є кілька простих способів, що дозволяють перевірити наявність стиснення GZIP:
Перевірка за допомогою GZIP Compression Tool
Тема відповіді 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-сайту.
Переконайтеся в тому, що ви додали цей код нижче існуючого контенту вашого .htaccess файлу. Приклад нижче:
Включаємо стиснення GZIP в NGINX
Якщо ви працюєте з NGINX, то в такому випадку додайте наступний код в файл nginx.conf: