3 sposoby włączenia kompresji GZip w WordPress (szybsza witryna)

Włącz kompresję gzip WordPress

Jedną z rzeczy, które musisz zrobić, aby Twoja witryna była szybsza, jest włączenie kompresji WordPress Gzip. To jest istotny aspekt, ponieważ po prostu mówiąc, jeśli chcesz swojego aby być szybszym, rozmiar stron, które musisz wyświetlać odwiedzającym, musi być mniejszy.

Oto jak wygląda ostrzeżenie o włączeniu kompresji Gzip w GTMetrix:

ostrzeżenie gtmetrix

Zasadniczo to, co to robi, to:

prosi serwer o skompresowanie wszystkich plików przed wysłaniem ich do użytkownika. Ponieważ pliki są mniejsze, zajmują dużo less czas na dostarczenie do użytkownika, co skutkuje ogólnie szybszym działaniem użytkownika.

To dość wysoka rekomendacja na Google Insights PageSpeed i jest sugerowany na stronach optymalizacji stron internetowych, takich jak GTMetrix.

Raport statystyk szybkości strony sugerujący kompresję plików

Przeprowadzimy Cię przez cały proces sprawdzania, czy w Twojej witrynie jest włączona funkcja kompresji Gzip. W razie potrzeby pokażemy Ci 3 sposoby włączania lub wyłączania tej funkcji. 

  1. Włącz kompresję WordPress Gzip za pomocą plików .htaccess
  2. Włączanie go za pomocą wtyczki kompresji WordPress Gzip
  3. Kompresowanie plików w witrynach internetowych przy użyciu ustawień CPanel hostingu.

Sprawdź, czy włącz kompresję GZip

Zanim faktycznie przejdziesz i dokonasz jakichkolwiek zmian, prawdopodobnie chcesz sprawdzić, czy funkcja kompresji Gzip w Twojej witrynie jest już włączona dla Twojej witryny WordPress. 

Istnieje wiele innych witryn, które mogą: sprawdź, czy masz włączone za pomocą tego narzędzia or Test kompresji HTTP.

Przyspiesz swoją witrynę

Przeprowadź test w swojej witrynie.

Sprawdź włączoną kompresję gzip WordPress

Jeśli masz już to włączone, nie musisz nic robić. Otrzymasz ładny wynik, taki jak poniżej, który pokazuje, że Twoja witryna. Jeśli nie, czytaj dalej.

 Udany wynik

 

Możesz również sprawdzić kompresję GZIP za pomocą wtyczki od tych samych osób, które stworzyły powyższe narzędzie. Możesz znaleźć wtyczkę tutaj

Alternatywnie, jeśli korzystasz z przeglądarki Chrome, możesz sprawdzić, czy w Twojej witrynie znajduje się nagłówek GZIP Content Encoding.

Możesz to sprawdzić za pomocą narzędzi programistycznych w obszarze Widok> Deweloper> Narzędzia programistyczne i przejdź do karty Sieć. Jeśli uzyskasz dostęp do pierwszego żądania i przewiniesz w dół do nagłówków HTTP, zobaczysz coś takiego jak poniżej, jeśli opcja Włącz kompresję Gzip jest już włączona.

Narzędzia programistyczne Chrome akceptują kodowanie

Teraz, gdy już wiesz, jak to sprawdzić, pokażemy Ci kilka sposobów jego włączenia.

Jak włączyć kompresję GZip

Włączenie kompresji plików za pomocą wbudowanych funkcji serwera WWW jest bardzo proste - zazwyczaj wystarczy znać poprawną składnię, aby włączyć tę funkcjonalność.

Istnieje wiele sposobów, aby to zrobić, więc pokażemy Ci kilka i możesz wybrać ten, który wolisz lub działa najlepiej dla Ciebie. Pamiętaj przed dokonaniem jakichkolwiek drastycznych zmian, zaleca się zrobienie pełna kopia zapasowa WordPress

300x250Pomarańczowy

1. Włącz kompresję WordPress Gzip przez .htaccess

Prostym sposobem włączenia kompresji WordPress Gzip jest ustawienie kilku dyrektyw w pliku .htaccess.

Widzieliśmy już sposoby na optymalizację szybkości witryny wykorzystując buforowanie przeglądarki za pośrednictwem pliku .htaccess, więc jeśli nie masz nic przeciwko mieszaniu się z plikiem .htaccess, to jest to metoda dla Ciebie.

Upewnij się, że wykonałeś kopię zapasową tego pliku, ponieważ wszelkie drobne błędy w tym pliku spowodują uszkodzenie witryny i natychmiastowe jej wyłączenie. Utwórz kopię bieżącej wersji roboczej przed próbą wprowadzenia jakichkolwiek zmian, aby móc do niej wrócić, jeśli coś pójdzie nie tak po włączeniu kompresji gzip.

Poniższe (i większość opcji, z których będziemy korzystać) korzysta z funkcjonalności mod_deflate który jest modułem, który jest zwykle włączany na serwerach WWW obsługiwanych przez serwer WWW Apache.

Dodaj następujące elementy do pliku .htaccess za pomocą CPanel / Menedżera plików na serwerze hostingowym

# application compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE AddOutputByType DEFLATE Text/Fjilavaml DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font AddOutputFiltertype application/x-javascript AddOutputFilterByType DEFLATE application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font -otf AddOutputFilterByType DEFLATE application/x-font-truetype AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE czcionka/opentype AddOutputFilterByType DEFLATE czcionka/otf AddOutputFilterByType DEFLATE czcionka/ttx imageBsType+FLvG ml AddOutputFilterByType DEFLATE image/x-icon AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType obraz /png .png

Po włączeniu powyższych funkcji ponownie przeprowadź powyższy test w witrynie.

Oczywiście, jeśli chcesz wyłączyć tę funkcję, po prostu upuść powyższe wiersze z pliku htaccess. Jeśli istnieją inne pliki, które chcesz skompresować, musisz dodać również te typy plików w sposób podobny do powyższego. 

NGINX i IIS:

Składnia umożliwiająca kompresję GZip na Nginx jest nieco inna niż robienie tego dla Apache przy użyciu .htaccess. Musisz dodać następujący tekst do pliku nginx.conf, który jest odpowiednikiem pliku .htaccess w NGINX.

gzip włączony; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_włącz; gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;

W IIS, czyli webserverze, który działa na komputerach z systemem Windows, najlepiej zrobić to przez interfejs IIS korzystając z tego przewodnika firmy Microsoft.

2. Włączanie kompresji za pomocą wtyczki WordPress GZip

Biorąc pod uwagę, że chcesz przyspieszyć działanie swojej witryny, włączając kompresję GZip, mamy dla Ciebie świetną wiadomość.

Jest jedna wtyczka WP Rocket - która nie tylko umożliwia kompresowanie plików, aby były mniejsze, ale także dziesiątki innych optymalizacji, aby Twoja witryna była szybsza. Wśród kilku rzeczy, z którymi dobrze sobie radzi:

  • Włącz kompresję GZIP (oczywiście!)
  • Włącz pamięć podręczną przeglądarki
  • Włącz optymalizację obrazu (aby rozmiar obrazów był mniejszy i szybszy)
  • Umożliwia leniwe ładowanie, dzięki czemu obrazy i inne ciężkie obrazy są ładowane tylko wtedy, gdy są potrzebne (na żądanie)
  • Integruje się z CDN, dzięki czemu ciężkie zasoby mogą być obsługiwane wydajniej
  • Usuwa wszelkie stare, martwe lub nieużywane wtyczki i tabele
  • Umożliwia buforowanie plików i baz danych
  • i mnóstwo innych optymalizacji

Chociaż włączona kompresja GZIP nie jest widoczna na poniższym zrzucie ekranu, jest domyślnie włączona i całkowicie przezroczysta w WP Rocket. Oto kilka innych ustawień pulpitu nawigacyjnego, które znajdziesz w tym narzędziu. 

WP Rocket

Wtyczka nie jest darmowa, ale w rzeczywistości jest warta zainwestowania, ponieważ szybka strona internetowa to wspaniałe doświadczenie, nie tylko dla Ciebie, ale przede wszystkim dla odwiedzających! Przede wszystkim włącza się dosłownie w kilka minut i za pomocą kilku kliknięć!

Ale zanim przejdziemy dalej, mamy krótką historię do podzielenia się. Jeszcze kilka miesięcy temu nasza strona internetowa nie była tak szybka, jak byśmy chcieli. Bardzo często publikowaliśmy nowe treści, ale strona była trochę ciężka, więc załadowanie się zajęło trochę czasu. Czasami ładowanie trwa od 5 do 8 sekund lub dłużej.

I nie byliśmy w stanie przyspieszyć tego bez względu na to, co zrobiliśmy.

Pewnego pięknego dnia natknęliśmy się na WP Rocket. Traciliśmy tyle czasu, próbując przyspieszyć działanie strony, że po prostu ugryzliśmy kulę i dostaliśmy wtyczkę. BOOM - szybkość ładowania strony spada do poniżej 2 sekund!

(aktualizacja: Najnowsza aktualizacja Google dała naszej stronie 30% wzrost ruchu organicznego - uważamy, że większość z tego wynika ze zwiększenia prędkości, jaką nasza strona uzyskała dzięki WP Rocket)

Odwiedź WP Rocket

Nie jesteś tym zainteresowany? Czytaj dalej, są oczywiście inne sposoby na włączenie kompresji Gzip!

Jeśli chcesz użyć sposobu, który jest prawdopodobnie less techniczne, możesz użyć wtyczki kompresji WordPress Gzip. Mówiąc najprościej, zamiast zmieniać pliki z ryzykiem ewentualnego uszkodzenia witryny, jeśli popełnisz błąd, wtyczka znacznie ułatwia włączenie kompresji Gzip.

Możesz uruchomić wyszukiwarkę Google dla Wtyczka do kompresji wordpress albo idź na proste Kompresja prędkości Gzip Ninja.

Podobnie jak w przypadku wszystkich wtyczek WP, jest to dość prosta procedura instalacji i aktywacji wtyczki. Gdy to zrobisz, Twoja witryna powinna teraz mieć włączoną kompresję WordPress Gzip

Wtyczka do kompresji gzip WordPress 

3. Włącz kompresję strony GZIP za pomocą CPanel

Oprócz włączenia kompresji stron GZip na poziomie WordPress, możesz to zrobić na poziomie serwera - jeśli jest to możliwe. Oznacza to, że wszystkie witryny hostowane na Twoim serwerze będą teraz w pełni włączone w gzip. 

Poniżej znajdują się dokładne kroki procedury:

  1. Zaloguj się do CPanel swojego hostingu website
  2. Kliknij ikonę witryny „Optymalizuj”
  3. Wybierz opcję „Kompresuj całą zawartość”
  4. Kliknij Ustawienia aktualizacji
  5. Przetestuj kompresję i gotowe!

Zobaczmy pełną procedurę bardziej szczegółowo i korzystając ze zrzutów ekranu.

Poszukaj ikony „Optymalizuj witrynę” na swoim Cpanelu i kliknij ją.

Poziom serwera kompresji Gzip - Zoptymalizuj ikonę witryny w Cpanel

Po przejściu do Optymalizatora witryny na CPanel możesz wybrać opcję „Kompresuj całą zawartość”. Poprosi to serwer o skompresowanie zawartości gzipem przed wysłaniem jej do gościa. Oczywiście, jeśli Twoja witryna WP jest tutaj hostowana, możesz mieć pewność, że Twoja treść jest również skompresowana w formacie gzip WordPress.

Gzip kompresuje całą zawartość

Jak wyłączyć kompresję GZip

Wyłączenie tej funkcji to tylko kwestia cofnięcia powyższych zmian. Możesz więc usunąć wszystkie dodatkowe kody, które dodaliśmy do naszych plików konfiguracyjnych, wyłączyć wtyczkę lub wyłączyć funkcję Optymalizacji witryny, którą jest nasz CPanel.

Następnie należy ponownie przeprowadzić testy, aby sprawdzić, czy kompresja plików została wyłączona.

Dlaczego to umożliwiamy?

Jako trochę informacji ogólnych, przyjrzyjmy się, co dzieje się za kulisami, gdy odwiedzający wchodzi na Twoją witrynę, a przeglądarka zaczyna komunikować się z serwerem sieciowym witryny.

Załóżmy, że wchodzisz na stronę www.collectiveray.com/index.ghtml — Twoja przeglądarka rozpoczyna „rozmowę” z serwerem sieciowym za pomocą protokołu HTTP, który wykorzystuje żądania i odpowiedzi.

Żądanie HTTP

  1. Przeglądarka użytkownika: Hej, mogę? GET plik /index.html
  2. Serwer WWW: Ok, zobaczę, czy index.html jest dostępny…
  3. Serwer WWW: Tak, tutaj jest (200 OK) Zaraz rozpocznę wysyłanie pliku o rozmiarze około 50 KB.
  4. Przeglądarka użytkownika: 50 KB? Ok, poczekam na to… czekam, czekam… świetnie, jest załadowany.

Jak możesz sobie wyobrazić, jest to uproszczony obraz tego, co się dzieje, ale jeśli chcesz, możesz użyć narzędzi Chrome Dev, które opisaliśmy powyżej, aby dokładnie monitorować, co się dzieje.

To działa i dostajesz swój plik. Ten proces powtarza się w kółko, dopóki nie otrzymasz wszystkich plików składających się na żądany adres URL.

Ale chociaż system działa, wysyłanie 50 KB tekstu nie jest zbyt wydajne. Pamiętaj, że ten proces zdarza się kilka razy, prawdopodobnie setki razy na każdą odwiedzaną stronę. I chociaż 50 KB może nie brzmieć jak dużo, łączny efekt wysyłania wszystkich różnych plików zaczyna się narastać. (Pamiętaj, że protokoły takie jak HTTP/2 znacznie usprawniły ten proces)

Pobierz listę 101 trików WordPress, które każdy bloger powinien znać

101 sztuczek WordPress

Kliknij tutaj, aby pobrać teraz

Prawdę mówiąc, większość tekstów, takich jak pliki HTML, CSS i JS na stronie internetowej, jest z natury nieefektywne, ponieważ są czytelne dla człowieka i przeznaczone do konsumpcji zarówno dla ludzi, jak i maszyn – ale nie są one wcale ani szczupłe, ani wydajne w swojej surowej postaci. Formularz.

Co więc możemy zrobić, aby ten proces był lepszy? Oczywiście zapakuj go! Zip to zasadniczo proces kodowania pliku w taki sposób, że tekst do wysłania jest mniejszy, bez utraty zawartych w nim informacji.

Wysyłając skompresowaną wersję plików, które musimy wysłać, oszczędzamy zarówno przepustowość, jak i czas pobierania. Przeglądarka następnie rozpakowuje lub dekompresuje plik i wyświetla go użytkownikowi, który jest szczęśliwszy, ponieważ strona szybko się ładuje.

Zobaczmy, jak wygląda nowa konwersacja między serwerem WWW:

Skompresowane żądanie HTTP 

  1. Przeglądarka użytkownika: Hej, mogę? GET plik index.html? Chętnie skorzystam z wersji skompresowanej, jeśli ją masz
  2. Serwer WWW: Ok, zobaczę, czy index.html jest dostępny…. W takim razie wyślę ci skompresowaną wersję!
  3. Serwer WWW: Tak, tutaj jest (200 OK) Zaraz skompresuję plik o rozmiarze około 5 KB. Gotowe, zaraz zaczniesz go wysyłać. 
  4. Przeglądarka użytkownika: Świetnie! To tylko 15 KB. Rozpakuję go i wyświetlę użytkownikowi.

Jak wskazywaliśmy różne razy i to różne artykuły, małe strony, które szybko się ładują = szczęśliwych użytkowników!

Wzór jest prosty: Mniejszy plik = szybsze pobieranie = szczęśliwy użytkownik.

Kodowanie Szczegóły

Ważną częścią tej wymiany lub konwersacji między przeglądarką użytkownika a serwerem jest zrozumienie, że dostarczenie spakowanego pliku jest w porządku. Umowa lub umowa składa się z dwóch części

  • Pandemia przeglądarka wysyła nagłówek który pokazuje serwerowi WWW, że przeglądarka akceptuje skompresowaną zawartość (gzip i deflate to dwa powszechnie dostępne schematy kompresji): Accept-Encoding: gzip, deflate

  • Pandemia serwer WWW wysyła odpowiedź jeśli wysyła treść, która jest faktycznie skompresowana: Content-Encoding: gzip

Serwer może w rzeczywistości nie wysłać nagłówka odpowiedzi z kodowaniem zawartości, co oznacza, że ​​plik nie został skompresowany (jest to domyślne zachowanie na większości serwerów). Nagłówek „Accept-encoding” to tylko przeglądarka żądająca akceptacji plików skompresowanych, a nie żądanie. Jeśli serwer nie ma włączonej tej funkcji lub nie chce odsyłać skompresowanej zawartości, przeglądarka użyje zwykłej nieskompresowanej wersji.

Często zadawane pytania

Co to jest kompresja?

Kompresja Gzip lub Broltli to proces kodowania plików, które mają zostać wysłane z serwera WWW do przeglądarki odwiedzającego w taki sposób, aby była ona mniejsza (a tym samym szybsza) w celu dostarczenia użytkownikowi końcowemu. Czas potrzebny serwerowi na skompresowanie tej treści, a przeglądarka na dekompresję tej treści jest zwykle znacznie krótszy niż czas uzyskany dzięki mniejszemu rozmiarowi. Dzieje się tak, ponieważ połączenia internetowe mają znacznie większe opóźnienia (wpływ na wydajność), niż czas procesora wymagany do kompresji/dekompresji zawartości.

Czy powinienem włączyć kompresję GZIP?

Tak, powinieneś włączyć kompresję GZip dla swojej witryny. Wymaga to bardzo niewielkiej interwencji lub zmian, jest bardzo łatwe do wdrożenia, ma niewielki wpływ na zawartość Twojej witryny, ale zapewnia ogromny wzrost wydajności w stosunku do szybkości Twojej witryny.

Jak włączyć kompresję GZIP w CPanel?

Aby włączyć kompresję GZip w CPanel, po prostu wyszukaj funkcję „Optymalizuj witrynę” i włącz opcję „Kompresuj całą zawartość”.

Jak przetestować kompresję GZip?

Aby przetestować kompresję GZip, po prostu odwiedź jedną z witryn odwiedzonych w tym artykule. Sprawdzą one, czy GZip jest włączony w Twojej witrynie, czy nie.

Zamykając 

To tylko jedna z wielu wskazówek dotyczących WordPressa dostępnych na CollectiveRay.

Możesz łatwo osiągnąć niesamowite oszczędności, włączając kompresję gzip WordPress, jak widać, osiągnęliśmy do 81% oszczędności na wielkości plików. To świetny sposób, aby Twoja witryna była znacznie szybsza. Jeśli chcesz pójść na łatwiznę, zamiast mieszać się z plikami i kodami, zalecamy wybranie wtyczki, takiej jak WP Rocket.

Dowiedz się, jak WP Rocket przyspiesza Twoją witrynę

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...