Jak kompresować komponenty za pomocą GZIP WP Rocket

Jeśli blogujesz na WordPressie, jednym z najłatwiejszych sposobów na przyspieszenie działania strony, zoptymalizowanie wydajności i zwiększenie komfortu użytkownika jest użycie wtyczki do kompresji komponentów za pomocą GZIP.

Po włączeniu kompresji tekstu na serwerze zasoby tekstowe, takie jak pliki CSS, HTML, JS, są kompresowane do rozmiaru kb. To bezpośrednio poprawi szybkość strony, ponieważ im mniejszy rozmiar pliku, tym szybsze ładowanie strony.

Spośród setek wtyczek optymalizacyjnych WordPress, WP Rocket jest zdecydowanie najbardziej zaawansowaną, zaufaną i zainstalowaną wtyczką pamięci podręcznej WordPress.

W tym artykule zobaczymy, jak WP Rocket jest używany do kompresji komponentów za pomocą GZIP.

Wtyczka do optymalizacji wydajności i szybkości jest obecnie używana na ponad 2 milionach blogów.

WP Rocket wykorzystał różne sposoby na zwiększenie wydajności witryny, optymalizację szybkości strony i poprawę ogólnego komfortu użytkowania. Jedną z metod jest kompresowanie plików i treści witryny za pomocą GZIP.

GZIP to popularny sposób kompresji plików CSS, HTML i JS w celu przyspieszenia procesu dostarczania do przeglądarki internetowej użytkownika.

Kompresja plików pomaga również zmniejszyć przepustowość i zużycie danych na urządzeniach mobilnych.

W erze raportów Google Core Web Vital włączenie GZIP może automatycznie poprawić wynik wydajności największego malowania treści i opóźnienia pierwszego wejścia.

Ale nie dajmy się wyprzedzić, ponieważ termin GZIP może brzmieć zbyt technicznie dla początkujących marketerów internetowych.

Zacznijmy więc od zdefiniowania, czym jest kompresja GZIP. Jak działa GZIP w celu optymalizacji dostarczania treści.

Jak skompresować komponenty za pomocą GZIP w WP Rocket i jak sprawdzić, czy jest włączona dla Twojej witryny, oraz jak włączyć kompresję gzip, jeśli nie jest włączona.

Co to jest kompresja GZIP?

GZIP to aplikacja stworzona przez Jean-loup Gailly i Marka Adlera służąca do kompresji i dekompresji plików.

Po raz pierwszy został wydany publicznie 31 października 1992 roku. W 1993 roku została wydana wersja 1.0 jako aktualizacja wcześniejszej wersji 0.1.

GZIP to aplikacja po stronie serwera, co oznacza, że ​​musi być włączona na serwerze hosta internetowego, aby Twoja witryna mogła czerpać korzyści. GZIP służy głównie do kompresji plików kodowych i tekstowych, takich jak pliki HTML, CSS i JavaScript.

Jeśli nie masz pewności, czy GZIP jest włączony na Twoim serwerze hostingowym, możesz użyć narzędzia Visiospark, aby sprawdzić, czy GZIP jest włączony na Twoim serwerze internetowym.

Ponadto GZIP nie jest jedynym narzędziem do kompresji plików.

Istnieją inne algorytmy kompresji, takie jak Brotli, które kompresują pliki tekstowe lepiej niż GZIP.

Ale rzecz w tym, że GZIP jest bardziej wydajny i szybszy w kompresowaniu i dekompresowaniu plików do aplikacji klienckiej.

Aplikacja do kompresji, taka jak Brotli, zajmuje więcej czasu na kompresowanie plików. Chociaż ostateczny wynik jest lepszy niż GZIP, czas potrzebny na ukończenie procesu jest czymś, o co należy się martwić.

Chociaż GZIP jest popularną i najczęściej używaną aplikacją do kompresji kodów i plików tekstowych, nie kompresuje plików graficznych.

Jeśli chcesz zoptymalizować obrazy swojej witryny, możesz to zrobić na wiele sposobów. Możesz zapoznać się z tym szczegółowym przewodnikiem dotyczącym optymalizacji obrazu WordPress.

GZIP jest w stanie osiągnąć od 60% do 90% współczynników kompresji dla większości plików JavaScript i CSS.

Jak WP Rocket kompresuje komponenty za pomocą GZIP

Trzeba przyznać, że obecnie istnieje kilka wtyczek WordPress do kompresji GZIP, WP Rocket to rozwiązanie za jednym kliknięciem, które działa od razu po wyjęciu z pudełka.

W przeciwieństwie do wielu swoich konkurentów, nie wymaga żadnej wiedzy o kodowaniu, aby skonfigurować WP Rocket.

Chociaż wtyczki działają automatycznie na serwerze Apache, użytkownicy na serwerze NGNIX potrzebują trochę obejścia, aby używać WP Rocket z GZIP.

Zobaczmy, jak działa funkcja kompresji WP Rocket GZIP na obu serwerach.

Serwer Apache

Większość wtyczek do buforowania WordPress ma wbudowaną obsługę kompresji GZIP. Jeśli Twoja witryna znajduje się na serwerze Apache, WP Rocket automatycznie włączył reguły kompresji GZIP do pliku .htaccess.

Nie musisz aktywować ani robić nic innego, WP Rocket używa modułu mod_deflate na serwerze Apache, aby automatycznie zastosować reguły.

Tak więc moduł mode_deflate musi być włączony na twoim serwerze – to jedyne wymaganie dla serwera Apache.

Jeśli nie masz pewności, czy moduł mode_deflate jest włączony na twoim serwerze, po prostu zapytaj swojego usługodawcę hostingowego.

Po włączeniu GZIP na serwerze, WP Rocket tworzy 2 wersje każdej buforowanej strony Twojej witryny - plik HTML i plik w formacie GZIP.

Wersja GZIP-ed jest domyślną wersją serwowaną użytkownikom, podczas gdy wersja HTML jest tam jako rezerwa – na wszelki wypadek – nigdy nie wiadomo.

Aby dowiedzieć się więcej o tym, jak WP Rocket kompresuje komponenty za pomocą GZIP, przeczytaj tę dokumentację na ich stronie internetowej.

Serwer NGNIX

W przypadku witryn na serwerze NGNIX, ponieważ NGNIX nie obsługuje pliku .htaccess, należy dodać następujące kody do:

/etc/Nginx/Nginx.conf

 gzip on; gzip_disable "msie6"; gzip_vary on; gzip_proxied any; gzip_comp_level 6; gzip_buffers 16 8k; gzip_http_version 1.1; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;

To włączy GZIP na twoim serwerze NGNIX. Ale na wszelki wypadek sprawdź u swojego usługodawcy hostingowego, czy GZIP jest już włączony, czy nie.

Alternatywnie możesz przeczytać więcej o konfiguracji NGNIX z GZIP od jednego z klientów WP Rocket na Github.

Istnieje kilka sposobów sprawdzenia, czy GZIP jest włączony na twoim serwerze internetowym, czy nie. Przejdźmy przez kilka metod lub narzędzi.

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

W przypadku wielu hostów internetowych i przeglądarek obsługa kompresji GZIP i dekompresji plików jest domyślną funkcją. Większość nowoczesnych przeglądarek obsługuje teraz kodujące zawartość nagłówki odpowiedzi HTTP.

Tak więc, jeśli chodzi o obsługę przeglądarek, nie ma się czym martwić.

To, o co powinieneś się martwić, to usługodawca hostingowy, zwłaszcza jeśli korzystasz z serwera hostingu współdzielonego.

Domyślnie niektóre hosty internetowe nie włączają funkcji kompresji GZIP na współdzielonym serwerze hostingowym. Musisz skontaktować się z usługą hostingową, aby ją włączyć.

Oto kilka sposobów lub metod sprawdzenia, czy GZIP jest włączony na twoim serwerze.

#1. Narzędzie do sprawdzania kompresji GZIP

Jednym z najprostszych sposobów sprawdzenia, czy GZIP jest włączony w Twojej witrynie, jest użycie narzędzia do sprawdzania kompresji.

W tym artykule używam narzędzia do kompresji visiospark, aby sprawdzić tę witrynę pod kątem włączenia GZIP.

Możesz go również użyć do sprawdzenia, czy GZIP jest włączony w Twojej witrynie.

Jak widać na poniższym obrazku, strona została skompresowana o 79,46%.

Dobrą rzeczą w tym narzędziu jest to, że pokazuje, ile z całego skompresowanego pliku zapisałeś. Pokazuje również oryginalny rozmiar pliku i rozmiar skompresowanego pliku.

#2. Korzystaj z narzędzi programistycznych Google Chrome

Możesz także użyć narzędzia Google Chrome Dev, aby sprawdzić, czy GZIP jest włączony w Twojej witrynie. Aby sprawdzić kompresję GZIP w Chrome, musisz wyszukać nagłówki HTTP w panelu źródłowym narzędzia Chrome Dev.

Kliknij prawym przyciskiem myszy stronę swojego bloga (w dowolnym miejscu na stronie) i kliknij sprawdzanie z listy menu.

Ta akcja otworzy osobny panel dialogowy, w którym możesz zobaczyć elementy strony. Kliknij kartę Sieć i wybierz „Nagłówki” z poniższego menu nawigacyjnego.

Załaduj ponownie stronę, a następnie wybierz dowolne żądanie HTTP z lewego panelu. W prawym panelu przejrzyj go pod kątem kodowania treści: gzip.

Jeśli tam jest, GZIP jest włączony w Twojej witrynie.

#3. Użyj GTMetrics

GTMetrics to pomocne narzędzie do testowania wydajności i szybkości Twojej witryny. Możesz go również użyć, aby dowiedzieć się, czy Twoja witryna obsługuje GZIP.

Gdy skanujesz strony swojej witryny za pomocą GTMetrics, zwróci ona listę zaleceń dotyczących poprawy wydajności i szybkości.

Przejrzyj listę rekomendacji, aby sprawdzić, czy jest tam GZIP.

Jeśli GZIP nie jest obecny na Twoim serwerze, GTMetrics zgłosi go wśród najważniejszych problemów wpływających na wydajność Twojej witryny.

Wniosek… Kompresja Komponentu za pomocą GZIP

Dzięki odpowiednim zestawom narzędzi wydajność witryny nie musi być zbyt techniczna. Każdy, kto ma przeciętną wiedzę na temat tworzenia stron internetowych, powinien być w stanie poprawić wydajność i szybkość strony internetowej.

WP Rocket to automatyczne rozwiązanie jednym kliknięciem, które umożliwia GZIP na serwerze Apache, optymalizuje wydajność i poprawia szybkość strony.

Ponadto WP Rocket zminimalizuje i połączy pliki CSS i JavaScript, aby strony internetowe były lżejsze i skróciły czas ładowania strony.