Jak włączyć kompresję GZIP dla WordPress

Wolna strona internetowa może powodować wiele problemów. Może odstraszyć potencjalnych gości i klientów, pogorszyć wrażenia użytkownika (UX) Twojej witryny, a nawet wpłynąć na Twoją reputację.

Zmniejszenie rozmiaru stron witryny jest kluczem do poprawy szybkości ładowania. Na szczęście kompresja GZIP to świetna metoda szybkiego ładowania strony i zmniejszenia rozmiaru pliku.

W tym przewodniku przyjrzymy się podstawom kompresji GZIP, w tym czym ona jest i do czego służy. Następnie szczegółowo omówimy sposób włączania kompresji GZIP w witrynie WordPress. Wskakujmy od razu!

Co to jest kompresja GZIP?

Kompresja GZIP to rodzaj kompresji danych podobny do ZIP i RAR. Można go użyć do kompresji wszystkich plików w Twojej witrynie, niezależnie od tego, czy są to pliki tekstowe, HTML, CSS, JavaScript czy XML.

Kompresja GZIP ma miejsce, zanim pliki zostaną przesłane do przeglądarek internetowych użytkowników. Dzięki tej metodzie kompresja GZIP zmniejsza rozmiary plików, co może pozytywnie wpłynąć na czas ładowania strony.

Co robi kompresja GZIP?

Gdy odwiedzający trafia na Twoją witrynę, jego przeglądarka żąda plików witryny z jej serwera. Twój serwer skompresuje te pliki przed wysłaniem ich do przeglądarki. Kompresja GZIP to między innymi jedna z metod kompresji plików.

Pliki skompresowane są przesyłane szybciej niż pliki nieskompresowane. Pomaga to poprawić wydajność witryny i szybkość ładowania – aw rezultacie optymalizację pod kątem wyszukiwarek (SEO).

Jak sprawdzić, czy kompresja GZIP jest włączona

Kompresja GZIP jest popularna, a wiele platform hostingowych WordPress domyślnie ją włącza. Jeśli nie masz pewności, jak sprawdzić, czy kompresja GZIP działa w Twojej witrynie, możesz to sprawdzić, korzystając z rozwiązań innych firm lub narzędzi programistycznych w przeglądarce.

Jeśli nie masz włączonej kompresji GZIP, zazwyczaj zobaczysz ostrzeżenia w narzędziach takich jak GTmetrix. Możesz także użyć narzędzia do kompresji GZIP, aby sprawdzić, czy Twoja witryna korzysta z kompresji GZIP.

Można również sprawdzić, czy kompresja GZIP działa, korzystając z narzędzi programistycznych przeglądarki. Po włączeniu nagłówek odpowiedzi będzie zawierał „content-encoding: gzip”:

Aby znaleźć nagłówek odpowiedzi w Chrome, musisz otworzyć DevTools i przejść do Network , a następnie ponownie załadować stronę. Kliknij nazwę pasującą do Twojej witryny, a otworzy się nagłówek odpowiedzi.

Jak włączyć kompresję GZIP w WordPress

Wszystkie strony internetowe w WP Engine domyślnie używają kompresji GZIP. Wszystkie pliki statyczne, w tym pliki tekstowe, obrazy, CSS i JavaScript, są automatycznie kompresowane w celu zapewnienia optymalnej wydajności witryny. Ta automatyczna kompresja zmniejsza potrzebę stosowania dyrektyw GZIP w pliku .htaccess .

Jednak nie wszystkie witryny WordPress są hostowane na silniku WP i nie będą korzystać z domyślnego włączenia kompresji GZIP. Jeśli Twoja witryna jest hostowana na innej platformie, może być konieczne ręczne włączenie kompresji GZIP. Można to zrobić na kilka sposobów, które przyjrzymy się dalej.

Włącz kompresję GZIP za pomocą wtyczki

Najłatwiejszym sposobem włączenia kompresji GZIP jest użycie wtyczki buforującej. Narzędzia takie jak WP Rocket umożliwiają kompresję, dodając kod do pliku .htaccess za Ciebie, podczas gdy inne, takie jak W3 Total Cache, wymagają ręcznego dodania tego kodu.

Chociaż jest to ogólnie najprostsza metoda dodawania kompresji GZIP, wymaga dodania dodatkowej wtyczki do witryny. Jeśli chcesz, aby Twoja biblioteka wtyczek była oszczędna, możesz zamiast tego skorzystać z jednego z poniższych rozwiązań.

Włącz kompresję GZIP dla Nginx

Jeśli Twoja witryna korzysta z Nginx, istnieje fragment kodu, którego możesz użyć, aby włączyć kompresję GZIP. Musisz umieścić poniższy fragment kodu w pliku nginx.conf swojej witryny, w sekcji „http”. Możesz również umieścić ten fragment kodu w bloku konfiguracji serwera lub lokalizacji, ale generalnie zaleca się sekcję 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];

Po zapisaniu i zamknięciu pliku konieczne będzie ponowne uruchomienie Nginx. Aby to zrobić, użyj następującego polecenia:

sudo service nginx restart

Po ponownym uruchomieniu sprawdź, czy kompresja GZIP jest aktywna, korzystając z wcześniej opisanych metod.

Włącz kompresję GZIP dla Apache (edytując plik .htaccess)

Jeśli Twój dostawca usług hostingowych korzysta z Apache, musisz edytować plik .htaccess , aby włączyć kompresję GZIP. Ten plik można znaleźć w katalogu głównym instalacji WordPress, za pośrednictwem protokołu przesyłania plików (FTP) lub menedżera plików. Większość metod kompresji GZIP WordPress będzie wymagać edycji pliku .htaccess .

Istnieją dwa mody Apache, których można użyć do włączenia GZIP, ale mod_deflate jest najczęściej obsługiwaną i najlepiej udokumentowaną opcją. Aby włączyć mod_deflate , dodaj:

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

Aby zamiast tego włączyć mod_gzip , dodaj:

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

Przed użyciem któregokolwiek z modów musisz wykonać kopię zapasową pliku .htaccess i upewnić się, że moduł mod_filter znajduje się na twoim serwerze, w przeciwnym razie może wystąpić błąd 500.

Kontynuuj naukę z WP Engine

Zmniejszenie rozmiaru stron witryny może skrócić czas ładowania i zwiększyć ogólną wydajność. Kompresja GZIP może włączyć tę redukcję, ale tylko wtedy, gdy jest włączona.

Na szczęście tutaj w WP Engine domyślnie włączamy kompresję GZIP. Co więcej, oferujemy wyjątkowe zasoby, które pomogą Ci dowiedzieć się, jak stworzyć wyjątkowe wrażenia cyfrowe dla odwiedzających!