TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

8

Narzędzie Google PageSpeed ​​Insights to jeden ze sposobów mierzenia szybkości witryny WordPress. Ogólnie wynik prędkości Google różni się od innych popularnych narzędzi do pomiaru prędkości, takich jak Pingdom lub Gtmetrix. Zaleca się jednak śledzenie wyniku Google, ponieważ może to bezpośrednio wpłynąć na pozycję w wynikach wyszukiwania.

Podczas sprawdzania swojej witryny w Google PageSpeed ​​zauważysz częste problemy, takie jak optymalizacja obrazów, wykorzystanie pamięci podręcznej przeglądarki, włączenie kompresji itp. W naszych poprzednich artykułach wyjaśniliśmy, jak rozwiązać problemy z włączaniem kompresji i optymalizacją obrazów. W tym artykule omówimy, jak rozwiązać problem z wykorzystaniem pamięci podręcznej przeglądarki w WordPress.

Co to jest buforowanie przeglądarki z wykorzystaniem dźwigni?

Wyjaśnijmy na przykładzie. Otwórz przeglądarkę internetową, taką jak Google Chrome i wyczyść historię przeglądania. Teraz otwórz dowolną witrynę, a zobaczysz, że strona ładuje się powoli. Przeglądając różne strony w tej samej witrynie, zauważysz, że strony ładują się szybciej niż za pierwszym razem. Oto, co stanie się w przeglądarce:

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

  • Przeglądarka pobierze wszystkie statyczne zasoby, takie jak obrazy, style, skrypty itp. z serwera internetowego podczas pierwszego ładowania witryny.
  • Gdy w witrynie włączone jest buforowanie przeglądarki dla zasobów statycznych, przeglądarka będzie postępować zgodnie z instrukcjami serwera otrzymanymi za pośrednictwem nagłówków HTTP.
  • Przeglądarka będzie przechowywać zasoby statyczne w pamięci lokalnej z datą wygaśnięcia lub maksymalnym wiekiem otrzymanym z serwera.
  • Zasoby statyczne są pobierane z lokalnej pamięci przeglądarki podczas ładowania następnej strony.
  • Jeśli buforowanie przeglądarki nie jest włączone w witrynie (czas wygaśnięcia nie jest ustawiony), przeglądarka będzie pobierać pliki przy każdym załadowaniu. Zwiększy to czas ładowania strony, a także obciążenie serwera.
  • Czas wygaśnięcia powinien być określony dla każdego typu pliku, takiego jak png, jpg, css. js itp.

Jeśli nie ustawisz czasu wygaśnięcia obrazów i innych plików statycznych, narzędzie Google PageSpeed ​​Insights pokaże to jako problem o wysokim priorytecie w kategorii „Naprawa powinna" lub „Możliwa optymalizacja”.

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

Wykorzystaj problem z buforowaniem przeglądarki w Google PageSpeed

Możesz zobaczyć informacje w nawiasach obok adresów URL obrazów jako „nieokreślone wygaśnięcie”.

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

Istnieją dwa proste sposoby rozwiązania problemu z wykorzystaniem pamięci podręcznej przeglądarki:

  • Bez wtyczki poprzez modyfikację pliku .htaccess
  • Korzystanie z wtyczki W3 Total Cache

1 Bez wtyczki

Zaloguj się do swojego klienta FTP i otwórz plik .htaccess znajdujący się w katalogu głównym Twojej witryny. Zapoznaj się z naszym artykułem, aby dowiedzieć się więcej o tym, jak edytować plik .htaccess w WordPressie. Dodaj poniższe dyrektywy na końcu pliku:

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## CACHE CONTROL ## <filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch>

Pierwszy blok służy do wygaśnięcia pamięci podręcznej, a drugi do kontroli pamięci podręcznej. Dyrektywa zawiera wszystkie ogólne rozszerzenia plików, możesz również dodać więcej, jeśli jest to wymagane dla Twojej witryny.

Jeśli nie masz dostępu do FTP, dostępne są wtyczki do edycji pliku .htaccess bezpośrednio z panelu administratora. Na przykład wtyczka Yoast SEO oferuje opcję edytora plików do edycji pliku .htaccess z panelu administracyjnego.

2 Korzystanie z całkowitej pamięci podręcznej W3

Na szczęście WordPress ma wtyczki, które rozwiązują każdy problem. Aby rozwiązać problem z buforowaniem przeglądania w witrynie WordPress, zalecamy użycie wtyczki W3TC. W3TC to popularna wtyczka buforująca dostępna w repozytorium wtyczek WordPress za darmo z wieloma dodatkowymi opcjami.

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

W3 Total Cache WordPress Wtyczka

Zainstaluj wtyczkę i aktywuj ją. Przejdź do sekcji „Wydajność> Pamięć podręczna przeglądarki” i włącz wszystkie opcje związane z buforowaniem przeglądarki w sekcjach Ogólne, CSS i JS, HTML i XML, Media i inne pliki.

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

Włącz buforowanie przeglądarki we wtyczce W3TC

Możesz pozostawić pole „Wygasa okres istnienia nagłówka” z domyślnymi wartościami wstępnie wypełnionymi w ciągu kilku sekund. Jeśli chcesz, zmodyfikuj własne wartości w sekcjach „CSS i JS”, ​​„HTML i XML” oraz „Media i inne pliki”.

  • 31536000 na 1 miesiąc
  • 604800 na 1 tydzień
  • 86400 na 1 dzień
  • 3600 przez 1 godzinę

O ile przetestowaliśmy 1 godzinę dla HTML i XML i 1 miesiąc dla innych plików działa dobrze dla Google PageSpeed.

Wtyczka W3T Totoal Cache zasadniczo dodaje dyrektywy w pliku .htaccess, jak wyjaśniono w pierwszej metodzie. Otwórz swój plik .htaccess, a zobaczysz długi zestaw dyrektyw dodany przez wtyczkę W3TC. Wszystkie dyrektywy związane z buforowaniem przeglądarki są pokazane pomiędzy sekcją „# BEGIN W3TC Browser Cache” do „# END W3TC Browser Cache”.

Sprawdź ponownie w Google PageSpeed ​​Insights

Po ręcznym dodaniu kodu w pliku .htaccess lub aktywowaniu buforowania przeglądarki wszystkich typów obiektów w W3TC, najpierw wyczyść całe buforowanie. Następnie wróć do narzędzia Google PageSpeed ​​Insights i sprawdź stronę. Najprawdopodobniej problem powinien zostać rozwiązany lub przeniesiony do niższego priorytetu w sekcji „Rozważ naprawę”, jak pokazano poniżej. Nowe narzędzie PageSpeed ​​nadal będzie wyświetlać problemy w sekcji „Możliwe optymalizacje” z lepszym wynikiem ogólnym.

W naszym przykładzie problem nadal występuje z powodu reklam AdSense i plików czcionek.

Jak naprawić problem z buforowaniem przeglądarki w WordPressie?

Wykorzystaj obniżony priorytet problemów z buforowaniem przeglądarki

Czego nie możesz zrobić z buforowaniem przeglądarki

Teraz, gdy już wiesz, jak rozwiązać problem z wykorzystaniem pamięci podręcznej przeglądarki w witrynie WordPress. Ale w większości przypadków to nie wystarczy, ponieważ będzie działać tylko dla zasobów statycznych załadowanych z własnej domeny. W rzeczywistości strona może mieć wiele innych zasobów zewnętrznych, które nie mogą być buforowane w przeglądarce. Poniżej znajdują się niektóre z popularnych zasobów zewnętrznych, które mogą powodować problem z wykorzystaniem pamięci podręcznej przeglądarki:

  • Skrypt kodu śledzenia Google Analytics
  • Skrypt kodu reklamy Google AdSense (jak pokazano w powyższym przykładzie)
  • Niektóre pliki czcionek
  • Obrazy Gravatar na biografii autora i komentarzach
  • Obrazy załadowane wtyczkami społecznościowymi

Jeśli szybkość witryny jest dla Ciebie najważniejszym czynnikiem, ostrożnie korzystaj z zasobów zewnętrznych w swojej witrynie. Ewentualnie możesz dezaktywować wszystkie zasoby zewnętrzne z wyjątkiem ważnych, takich jak Google Analytics, aby poprawić wynik szybkości strony.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów