Włącz kompresję GZIP i przyśpiesz swoją stronę www

Izabela Karkocha | 27 lipca 2020

Krótko i na temat!

Dzięki włączeniu kompresji GZIP Twoja strona www przyśpieszy. Serwer skompresuje dane podczas transmisji a przeglądarka, która je odbierze zdekomresuje je. Nie będę się rozpisywała o tym, jak to działa. Napiszę jak możesz w prosty sposób włączyć u siebie taką kompresję oraz jak sprawdzić efekty!

Zanim przejdziesz dalej, sprawdź, czy masz włączoną kompresję np. tym prostym narzędziem on-line: https://varvy.com/tools/gzip/

Często kompresja jest włączona domyślnie na hostingu. Jeżeli z powyższego testu wynika, że nie masz włączonej kompresji, możesz ją włączyć na dwa sposoby.

Dla sprawdzenia efektu, przed wprowadzeniem zmian, sprawdź, jak Twoja strona prezentuje się w poniższym narzędziu i zapisz wyniki:
https://developers.google.com/speed/pagespeed/insights/
U mnie przed włączeniem kompresji jest to wynik 54 dla mobile i 88 dla komputerów.

Włączenie kompresji poprzez panel hostingu

Prawdopodobnie możesz włączyć kompresję GZIP korzystając z panel swojego serwera – dopytaj o to u swojego hostingodawcy.
Ja korzystam z hostingu TheCamels. W cpanelu tego hostingu opcja kompresji znajduje się w sekcji Oprogramowanie -> Zoptymalizuj witrynę sieci Web.

Zaznacz opcję „Kopresuj wszystkie treści” i zatwierdź przyciskiem Aktualizuj ustawienia.

Włączenie kompresji w pliku .htaccess

Kompresję GZIP możesz również włączyć w pliku .htaccess, który znajduje się w głównym katalogu Twojego WordPressa. Jeżeli sprawnie poruszasz się po edycji plików na serwerze, otwórz ten plik w dowolnym edytorze tekstowym. Jeżeli edycja plików i łączenie się z serwerem przez ftp jest dla Ciebie czymś obcym, skorzystaj z poniższej instrukcji.

Po pierwsze będzie potrzebna wtyczka, która umożliwi edycję pliku .htaccess z poziomu panelu administracyjnego WordPress.
Zainstaluj i włącz wtyczkę https://wordpress.org/plugins/wp-htaccess-editor/.

Po aktywacji wtyczki wejdź w Ustawienia->WP Htaccess Editor.

TU MUSISZ BARDZO UWAŻAĆ!

Odblokuj edycję – przyciskiem I understand. Enable the editor.
Zaznacz jego zawartość, skopiuj i stwórz u siebie lokalnie na komputerze dowolny dokument tekstowy (np. w Notatniku), do którego wkleisz zawartość schowka (Twoja kopia bezpieczeństwa).

W kolejnym kroku, skopiuj poniższy kod:

<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 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.*
</ifModule>

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE application/x-httpd-php
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
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf

i wklej go na końcu aktualnego pliku .htacces (na końcu tekstu, który się tam znajduje, nie zastępujemy, dodajemy).

Zanim zapiszesz zmiany kliknij w przycisk Test before saving.