Jak naprawić ostrzeżenie dotyczące buforowania przeglądarki dźwigni w WordPress

Czy chcesz dowiedzieć się, jak łatwo naprawić ostrzeżenie dotyczące buforowania przeglądarki dźwigni w WordPress?

Naprawiając ostrzeżenie o buforowaniu przeglądarki dźwigni, szybko przyspieszysz swoją witrynę WordPress i zapewnisz lepsze wrażenia odwiedzającym witrynę.

W tym artykule pokażemy, jak łatwo naprawić ostrzeżenie o buforowaniu przeglądarki dźwigni w WordPress.

How to fix leverage browser caching warning in WordPress

Co to jest buforowanie przeglądarki w WordPress?

Buforowanie przeglądarki to sposób na poprawę szybkości ładowania witryny. Po załadowaniu strony internetowej wszystkie pliki zostaną załadowane osobno.

Tworzy to wiele żądań między przeglądarką a serwerem hostingowym WordPress, co zwiększa czas ładowania strony internetowej.

Gdy buforowanie przeglądarki jest włączone, przeglądarka internetowa przechowuje kopię strony internetowej lokalnie. Umożliwia to przeglądarkom szybsze ładowanie popularnych plików, takich jak arkusze stylów, logo, obrazy itp., gdy użytkownik odwiedza drugą stronę w witrynie.

Site speed test results

Zmniejsza to całkowite obciążenie serwera, ponieważ do rzeczywistego serwera zostanie wysłanych mniej zapytań, a w rezultacie wydajność witryny ulegnie poprawie.

Gdzie zobaczysz ostrzeżenie o buforowaniu przeglądarki dźwigni dla WordPress?

Ostrzeżenie o buforowaniu przeglądarki dźwignia oznacza, że nie masz włączonego buforowania przeglądarki lub buforowanie może zostać skonfigurowane w niewłaściwy sposób.

Po uruchomieniu testu prędkości witryny otrzymasz raport, który pokazuje, co możesz naprawić, aby przyspieszyć WordPress.

Jeśli Twoja witryna nie korzysta obecnie z buforowania przeglądarki, otrzymasz ostrzeżenie, aby włączyć buforowanie przeglądarki.

Tak może wyglądać przeglądanie wyników za pomocą narzędzia page speed insights.

Leverage browser caching warning

Czasami otrzymasz ostrzeżenie, że Twoja efektywna polityka pamięci podręcznej nie działa.

Oba te ostrzeżenia odnoszą się do błędu w konfiguracji buforowania przeglądarki.

Efficient cache policy warning

Wykorzystanie buforowania przeglądarki oznacza aktywację i dostosowanie reguł buforowania, aby przyspieszyć działanie witryny.

Mając to na uwadze, przyjrzyjmy się, jak łatwo naprawić ostrzeżenie o buforowaniu przeglądarki dźwigni w WordPress za pomocą dwóch różnych metod.

Po prostu skorzystaj z poniższych szybkich linków, aby wybrać, w jaki sposób chcesz naprawić ostrzeżenie dotyczące buforowania przeglądarki dźwigni w WordPress.

  • Fix ostrzeżenie o buforowaniu przeglądarki dźwigni za pomocą wtyczki
  • Fix ostrzeżenie o buforowaniu przeglądarki z kodem

Metoda 1. Fix ostrzeżenie o buforowaniu przeglądarki z wtyczką WP Rocket WordPress

WP Rocket to najlepsza wtyczka buforująca WordPress na rynku. Jest bardzo przyjazny dla początkujących i może pomóc zoptymalizować witrynę pod kątem szybkości, nawet bez znajomości złożonych warunków buforowania i prędkości.

WP Rocket

Od razu po wyjęciu z pudełka wszystkie zalecane ustawienia buforowania naprawdę przyspieszą Twoją witrynę WordPress.

Aby naprawić ostrzeżenie o buforowaniu przeglądarki dźwigni za pomocą WP Rocket, wszystko, co musisz zrobić, to zainstalować i aktywować wtyczkę.

To wszystko.

Aby uzyskać więcej informacji, zobacz nasz przewodnik, jak prawidłowo zainstalować i skonfigurować wp Rocket w WordPress.

WP Rocket automatycznie włącza buforowanie przeglądarki i modyfikuje .htaccess Plik z odpowiednimi zasadami.

Uwaga: jeśli używasz hostingu SiteGround, możesz zamiast tego użyć darmowej wtyczki Siteground Optimizer.

Ma prawie takie same funkcje jak WP Rocket i automatycznie włącza buforowanie przeglądarki.

Metoda 2. Fix ostrzeżenie o buforowaniu przeglądarki poprzez dodanie kodu do WordPress

Druga metoda polega na dodaniu kodu do plików WordPress. Jeśli nie robiłeś tego wcześniej, zapoznaj się z naszym Przewodnikiem dla początkujących do wklejania fragmentów z internetu do WordPress.

Ta metoda nie jest tak przyjazna dla początkujących, więc postępuj zgodnie z nią tylko wtedy, gdy wiesz dokładnie, co robisz. Dla większości właścicieli firm zalecamy stosowanie metody 1.

Mając to na uwadze, przyjrzyjmy się, jak naprawić ostrzeżenie o buforowaniu przeglądarki dźwigni, dodając kod do WordPress.

Uwaga: przed dostosowaniem kodu WordPress zalecamy utworzenie kopii zapasowej witryny WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik na temat tworzenia kopii zapasowych i przywracania witryny WordPress.

Określ, czy na twojej stronie działa Apache lub Nginx?

Najpierw musisz dowiedzieć się, czy Twoja witryna korzysta z serwerów Apache lub Nginx.

Aby to zrobić, otwórz swoją witrynę w nowej karcie lub oknie. Następnie kliknij prawym przyciskiem myszy i wybierz opcję „Sprawdź”.

Right click and inspect

Następnie kliknij kartę „Sieć” u góry strony.

Może być konieczne odświeżenie strony, aby załadować wyniki.

Click network

Następnie kliknij nazwę domeny w kolumnie „Nazwa”.

Powinno być na górze strony.

Click website URL

Następnie w sekcji „nagłówki odpowiedzi” zobaczysz element o nazwie „serwer”, w którym wyświetlany jest typ serwera. W tym przypadku strona działa na serwerze Apache.

Find type of server

Dodaj nagłówki Cache-Control i Expire w Apache

Aby naprawić ostrzeżenie o buforowaniu przeglądarki dźwigni za pomocą serwera Apache, będziesz dodawać kod do swojego .htaccess plik.

Aby edytować ten plik, musisz połączyć się z kontem hostingowym WordPress za pomocą klienta FTP lub narzędzia menedżera plików hosta.

Po nawiązaniu połączenia możesz zobaczyć swoje .htaccess plik w folderze głównym witryny.

htaccess FTP

Jeśli nie możesz go znaleźć, nie martw się. Czasami ten plik może być ukryty. Aby uzyskać więcej informacji, zobacz nasz przewodnik, dlaczego nie możesz znaleźć .plik htaccess w Twojej witrynie WordPress.

Następnie musisz dodać nagłówki Cache-control i / lub expire, aby włączyć buforowanie przeglądarki. Informuje to przeglądarkę internetową, jak długo powinna przechowywać zasoby witryny, zanim zostaną usunięte.

Nagłówek Cache-control podaje przeglądarce internetowej szczegółowe informacje na temat sposobu buforowania.

Nagłówek expires włącza buforowanie i informuje przeglądarkę internetową, jak długo powinna przechowywać określone pliki przed ich usunięciem.

Możesz dodać następujący kod do swojego .htaccess plik do dodawania nagłówków wygasających:

## EXPIRES HEADER CACHING ##
< IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image / jpg "dostęp 1 rok"
ExpiresByType image / jpeg "dostęp 1 rok"
ExpiresByType image / gif "dostęp 1 rok"
ExpiresByType image / png "dostęp 1 rok"
ExpiresByType image / svg "dostęp 1 rok"
ExpiresByType text / css "dostęp 1 miesiąc"
ExpiresByType application / pdf "dostęp 1 miesiąc"
ExpiresByType application / javascript "dostęp 1 miesiąc"
ExpiresByType application / x-javascript "dostęp 1 miesiąc"
ExpiresByType application / x-shockwave-flash "dostęp 1 miesiąc"
ExpiresByType image / X-icon "dostęp 1 rok"
ExpiresDefault "dostęp 3 dni"
< / IfModule>
## EXPIRES HEADER CACHING ##

Ten kod ustawia różne daty wygaśnięcia pamięci podręcznej w zależności od typu pliku.

Następnie możesz dodać następujący kod, aby włączyć Cache-control:

< filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|JS|css / swf)$">
    Header set Cache-Control "max-age=96000, public"
< / filesMatch>

Ten kod ustawia czas, kiedy pamięć podręczna wygaśnie. W powyższym przykładzie pamięć podręczna wygaśnie w ciągu 90 000 sekund.

Następnie przeglądarka internetowa zażąda nowych wersji plików.

Dodaj nagłówki Cache-Control i Expire w Nginx

Jeśli używasz serwera WWW Nginx do hostowania swojego bloga WordPress, możesz edytować plik konfiguracyjny serwera, aby naprawić błąd buforowania przeglądarki.

Sposób edycji i dostępu do tego pliku zależy od hosta, więc możesz skontaktować się z dostawcą hostingu, jeśli potrzebujesz pomocy w uzyskaniu dostępu do pliku.

Następnie musisz dodać następujący kod, aby dodać nagłówki wygasające:

  lokalizacja ~*.(jpg / jpeg / gif / png / svg)$ {
    wygasa 365d;
  }

  lokalizacja ~*.(pdf|css|html|js|swf)$ {
    wygasa 3d;
  }

Ten kod ustawi czas wygaśnięcia dla różnych typów plików. Zauważ, że obrazy są buforowane dłużej niż HTML, CSS, JS i inne typy plików, ponieważ obrazy zwykle pozostają takie same.

Następnie możesz dodać następujący kod, aby dodać nagłówki Cache-control:

lokalizacja ~*.(js|css|png|jpg|jpeg|gif|svg|ICO)$ {
 wygasa 14d;
 add_header Cache-Control "public, no-transform";
}

Ten kod ustawia czas, kiedy pamięć podręczna wygaśnie. Informuje serwer, że powyższe typy plików nie zmienią się przez 14 dni.

Jeśli chcesz jeszcze bardziej przyspieszyć WordPress, sprawdź nasz przewodnik, jak zwiększyć szybkość i wydajność WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo naprawić ostrzeżenie dotyczące buforowania przeglądarki dźwigni w WordPress. Możesz również zobaczyć naszą ostateczną listę najczęstszych błędów WordPress i jak je naprawić, a także nasze specjalistyczne typy najlepszych narzędzi SEO i wtyczek, aby uzyskać większy ruch.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…