Wprowadza Pan poprawki w motywie, zmienia tekst na stronie, aktualizuje wtyczkę, a witryna wygląda tak, jakby nic się nie stało. Brzmi znajomo? Prawie na pewno napotkał Pan problem z pamięcią podręczną WordPress. I nie, to nie jest błąd ani powód do restartowania serwera.

Pamięć podręczna to rzecz użyteczna. Przyspiesza ładowanie stron wielokrotnie, oszczędza zasoby hostingu i poprawia wskaźniki behawioralne. Ale tylko do momentu, gdy zaczyna pokazywać nieaktualną wersję witryny Panu i Pana odwiedzającym. Wtedy pamięć podręczna z pomocnika zamienia się w problem.

Dobra wiadomość: pamięć podręczną WordPress czyści się w kilka sekund. Bez konsoli, bez programisty, bez magicznych zaklęć. W tym poradniku znajdzie Pan wszystkie cztery typy pamięci podręcznej, które występują na każdej witrynie WordPress, oraz instrukcję krok po kroku czyszczenia każdego z nich. Od przeglądarki po CDN.

💡 Szybki przegląd:

• Proszę otworzyć przeglądarkę, nacisnąć Ctrl+Shift+Del i jest Pan już w połowie drogi do wyczyszczenia pamięci podręcznej przeglądarki
• W panelu administracyjnym WordPress proszę nacisnąć jeden przycisk we wtyczce buforującej, to wyczyści pamięć podręczną wtyczki w sekundę
• Jeśli witryna jest na hostingu zarządzanym (WP Engine, Flywheel, Cloudways), w panelu hostingu znajduje się natywny przycisk resetowania pamięci podręcznej serwera
• Dla witryn korzystających z Cloudflare lub Sucuri czyszczenie wykonuje się przez konto osobiste dostawcy CDN, również jednym kliknięciem

Czym jest pamięć podręczna WordPress

Pamięć podręczna to tymczasowy magazyn danych. Zamiast budować stronę od zera przy każdym żądaniu (PHP + baza danych + pliki motywu), serwer lub przeglądarka dostarcza gotową, zapisaną kopię. Rezultat: strona ładuje się nie w 2 sekundy, a w 0,4.

Analogia z życia codziennego: przełożył Pan pilota od telewizora z szafki na kanapę. Następnym razem nie trzeba wstawać i iść przez cały pokój, pilot jest już pod ręką. Tak samo działa pamięć podręczna: „gorące" dane leżą blisko, dostęp do nich jest natychmiastowy.

W ekosystemie WordPress buforowanie odbywa się na kilku poziomach jednocześnie. I aby zrozumieć, która konkretnie pamięć podręczna przeszkadza zobaczyć świeżą wersję witryny, trzeba znać te poziomy z widzenia.

4 Typy pamięci podręcznej na witrynie WordPress

Każda witryna na WordPress, niezależnie od hostingu i zestawu wtyczek, przechodzi przez cztery warstwy buforowania. Omówmy każdą z nich.

Pamięć podręczna przeglądarki

Każda nowoczesna przeglądarka, Chrome, Firefox, Edge, Safari, automatycznie zapisuje na Pana komputerze statyczną zawartość odwiedzanych witryn: obrazy, pliki CSS, JavaScript, czcionki, a nawet całe strony HTML. Przy ponownym wejściu na witrynę przeglądarka nie pobiera tych plików na nowo, lecz sięga po nie z lokalnego magazynu.

Dla właściciela witryny to plus: stali odwiedzający widzą strony szybciej, obciążenie serwera spada. Minus ujawnia się, gdy zaktualizował Pan logo, zmienił kolory przycisków lub czcionki, a Pana przeglądarka nadal pokazuje stare wersje plików. Rozwiązanie: ręczne czyszczenie pamięci podręcznej przeglądarki (instrukcja poniżej).

Pamięć podręczna wtyczki

Wtyczki buforujące to podstawowe narzędzie przyspieszania WordPress. Tworzą one statyczne kopie HTML dynamicznych stron i dostarczają je odwiedzającym, omijając ciężki cykl PHP+MySQL. Dwa najpopularniejsze darmowe rozwiązania to W3 Total Cache na WordPress.org (ponad 1 mln aktywnych instalacji) i WP Super Cache od Automattic (ponad 1 mln aktywnych instalacji, opracowany przez Automattic).

Wtyczka może buforować strony, skompresowany CSS/JS, zapytania do bazy danych, obiekty, a nawet integrować się z CDN. Ale jeśli po publikacji nowego wpisu lub poprawce projektu odwiedzający widzą starą wersję, winowajcą jest prawie na pewno pamięć podręczna wtyczki. Przycisk „Delete Cache" w panelu administracyjnym rozwiązuje problem natychmiast.

Pamięć podręczna serwera

Większość zarządzanych hostingów WordPress wbudowuje buforowanie serwerowe bezpośrednio w swoją architekturę. WP Engine dodaje przycisk czyszczenia bezpośrednio w panelu administracyjnym WordPress. Flywheel umieszcza go na górnym pasku. Pagely używa własnego panelu PressArmor z opcją Purge All.

Niektóre hosty idą dalej i stosują odwrotny serwer proxy (reverse proxy): kilka serwerów pamięci podręcznej stoi „przed" głównym i przejmuje na siebie powtarzające się żądania. Pamięć podręczną serwera czyści się przez panel hostingu lub na żądanie do wsparcia, nie ma tu uniwersalnego przycisku, każdy host realizuje to na swój sposób.

Zewnętrzna pamięć podręczna (CDN)

Jeśli witryna przechodzi przez dostawcę CDN, Cloudflare lub Sucuri, pojawia się jeszcze jedna warstwa pamięci podręcznej, rozproszona w dziesiątkach centrów danych na świecie. CDN przechowuje kopie plików statycznych, a nawet całych stron HTML geograficznie blisko każdego odwiedzającego.

Ciekawostka: prawidłowo skonfigurowany CDN może obsługiwać statyczną zawartość witryny, nawet jeśli sam serwer źródłowy jest tymczasowo niedostępny. Odwiedzający tego nie zauważą, strony nadal otwierają się z pamięci podręcznej. Ale ceną takiej wygody jest konieczność resetowania pamięci podręcznej CDN przy każdej znaczącej aktualizacji witryny. W przeciwnym razie odwiedzający z różnych regionów będą widzieć różne wersje stron.

Po co w ogóle czyścić pamięć podręczną WordPress

Pamięć podręczna doskonale radzi sobie ze swoim zadaniem prawie zawsze. Ale są trzy konkretne sytuacje, kiedy trzeba ją zresetować natychmiast:

Zaktualizował Pan treść, ale nie widzi Pan zmian. Przepisał Pan nagłówek, zmienił tekst na stronie głównej, dodał nowy blok, klika Pan „Aktualizuj" w panelu administracyjnym, a na witrynie wszystko po staremu. To pamięć podręczna wtyczki lub serwera trzyma starą kopię.

Projekt się rozjechał po poprawkach. Zmienił Pan CSS, zaktualizował motyw, zainstalował nową wtyczkę i układ się rozpadł. Często problem nie leży w kodzie, lecz w tym, że przeglądarka nadal ładuje stare style i skrypty. Wyczyszczenie pamięci podręcznej przeglądarki i zresetowanie pamięci podręcznej wtyczki razem rozwiązują większość takich przypadków.

Odwiedzający widzą nieaktualną treść. Nieprawidłowo skonfigurowana pamięć podręczna może tygodniami pokazywać starą wersję strony użytkownikom, którzy już byli na witrynie. Szczególnie podstępna jest pamięć podręczna CDN: odwiedzający z Berlina widzi jedno, a z Tokio drugie. Zresetowanie wszystkich warstw pamięci podręcznej synchronizuje wyświetlanie.

Jak wyczyścić pamięć podręczną przeglądarki

Pamięć podręczna przeglądarki jest najprostsza do wyczyszczenia i stanowi najczęstszą przyczynę, przez którą właściciel witryny nie widzi własnych poprawek. Omówmy trzy główne przeglądarki.

Google Chrome

Chrome buforuje agresywnie, to jedna z przyczyn jego szybkości. Ale czyszczenie wykonuje się w trzech kliknięciach.

Proszę nacisnąć ikonę z trzema kropkami w prawym górnym rogu, przejść do Więcej narzędzi i wybrać Usuwanie danych przeglądania. Ten sam rezultat daje kombinacja Ctrl+Shift+Del.

W oknie, które się otworzy, proszę wybrać zakres czasu (rekomenduję „Za cały okres" dla pełnego wyczyszczenia), zaznaczyć opcję Obrazy i pliki zapisane w pamięci podręcznej i kliknąć Usuń dane.

Gotowe. Proszę ponownie załadować stronę za pomocą Ctrl+F5 (pełne przeładowanie z pominięciem pamięci podręcznej), a zobaczą Państwo aktualną wersję.

Mozilla Firefox

Firefox nie ustępuje Chrome pod względem wygody czyszczenia pamięci podręcznej. Proszę kliknąć ikonę menu (trzy kreski), a następnie zakładkę Historia.

W rozwijanym panelu proszę wybrać opcję Usuń historię przeglądania.

W oknie, które się pojawi, proszę ustawić zakres czasu na „Wszystko", zaznaczyć opcję Pamięć podręczna i kliknąć Usuń teraz.

Microsoft Edge

Edge jest zbudowany na tym samym silniku Chromium co Chrome, więc logika czyszczenia jest podobna. Proszę kliknąć ikonę menu (trzy kropki) i wybrać Ustawienia.

W lewym menu ustawień proszę przejść do sekcji Prywatność, wyszukiwanie i usługi i kliknąć przycisk Wybierz elementy do usunięcia.

Proszę zaznaczyć Obrazy i pliki zapisane w pamięci podręcznej i kliknąć Usuń.

Przydatna funkcja Edge, której nie ma w Chrome: można włączyć automatyczne czyszczenie pamięci podręcznej przy każdym zamykaniu przeglądarki. Znajduje się w tym samym miejscu, w ustawieniach prywatności.

Po wyczyszczeniu pamięci podręcznej przeglądarki proszę otworzyć stronę za pomocą Ctrl+F5. Jeśli problem nie zniknie, proszę przejść do czyszczenia pamięci podręcznej wtyczek.

Jak wyczyścić pamięć podręczną wtyczek

Sposób czyszczenia zależy od konkretnej wtyczki, ale prawie zawsze sprowadza się to do kliknięcia jednego przycisku w panelu administracyjnym WordPressa.

W3 Total Cache

W3 Total Cache w repozytorium, najbardziej funkcjonalna darmowa wtyczka do cache'owania WordPressa. Cache'uje strony, obiekty, zapytania do bazy danych, kompresuje CSS i JS, integruje się z CDN. Używana na stronach takich firm jak AT&T i MakeUseOf.

Aby wyczyścić cache, proszę wejść do panelu administracyjnego WordPressa i przejść do Wydajność → Panel sterowania. Proszę kliknąć przycisk Wyczyść wszystkie cache'e, a wtyczka zresetuje każdą warstwę cache'u jedną operacją.

WP Super Cache

WP Super Cache na WordPress.org, produkt Automattic, firmy stojącej za WordPress.com, Jetpack, Akismet i WooCommerce. Wtyczka generuje statyczne pliki HTML z dynamicznej treści i serwuje je zamiast obciążającego cyklu PHP.

Czyszczenie jest banalnie proste: w panelu administracyjnym WordPressa proszę przejść do Ustawienia → WP Super Cache i kliknąć przycisk Usuń cache.

Obie wtyczki dodają również przycisk szybkiego czyszczenia do górnego paska administracyjnego WordPressa, można więc resetować cache jednym kliknięciem bezpośrednio z dowolnej sekcji panelu.

Jak wyczyścić cache serwerowy i zewnętrzny

Dla cache'u serwerowego nie istnieje uniwersalna instrukcja, każdy dostawca hostingu wdraża ten mechanizm na swój sposób. Ogólna zasada: na zarządzanych hostach WordPress (WP Engine, Flywheel, Cloudways, Kinsta) przycisk resetowania cache'u jest wbudowany w panel sterowania hostingiem lub bezpośrednio w panel administracyjny WordPressa. Na hostingach współdzielonych (SiteGround, Bluehost) funkcja cache'owania może znajdować się w sekcji „Optymalizacja strony" w panelu cPanel.

Aby wyczyścić cache Cloudflare, proszę zalogować się na swoje konto, wybrać stronę i przejść do sekcji Caching → Purge Cache. Przycisk Purge Everything resetuje cały cache CDN dla domeny. W Sucuri ścieżka jest analogiczna: Performance → Clear Cache. Obie operacje trwają od 30 sekund do 2 minut, podczas gdy CDN rozsyła polecenie resetu do wszystkich centrów danych.

Jeśli strona korzysta jednocześnie z cache'u serwerowego i CDN, kolejność ma znaczenie: najpierw proszę zresetować cache serwerowy, a następnie cache CDN. W ten sposób mają Państwo gwarancję, że CDN zcache'uje już świeżą wersję z serwera, a nie starą kopię.

Krótkie wideo na ten temat: omówienie wszystkich typów cache'owania WordPress, w tym Redis Object Cache i Full Page Cache, z demonstracją czyszczenia każdej warstwy.

⁉️🤔 Często zadawane pytania

Dlaczego nie widzę zmian na stronie po edycji?

Najprawdopodobniej patrzy Pan/Pani na wersję z cache'a. Proszę nacisnąć Ctrl+Shift+Del w przeglądarce, wyczyścić cache wtyczki w panelu administracyjnym WordPress, a następnie otworzyć stronę przez Ctrl+F5. Jeśli to nie pomogło, proszę zresetować cache serwerowy przez panel hostingu. Kolejność działań: cache przeglądarki → cache wtyczki → cache serwerowy → CDN. Proszę iść łańcuszkiem od najprostszego do bardziej złożonego, w większości przypadków problem rozwiązuje się na pierwszym lub drugim kroku.

Która wtyczka cache'ująca jest lepsza: W3 Total Cache czy WP Super Cache?

W3 Total Cache jest bardziej funkcjonalny: cache'uje strony, obiekty, zapytania do bazy danych, minifikuje i kompresuje zasoby. WP Super Cache jest prostszy w konfiguracji i rozwijany przez Automattic, zespół stojący za samym WordPress. Proszę wybrać W3TC, jeśli jest Pan/Pani gotów poświęcić 10 minut na precyzyjną konfigurację, WP Super Cache, jeśli potrzebuje Pan/Pani opcji „zainstaluj i zapomnij". Oba są darmowe i mają po milionie aktywnych instalacji. Dla typowego bloga lub strony firmowej różnica w szybkości między nimi będzie w granicach 0,1-0,2 sekundy.

Czy trzeba czyścić cache po aktualizacji wtyczek WordPress?

Tak, i jest to obowiązkowe. Aktualizacja wtyczki lub motywu zmienia pliki CSS i JavaScript, które przeglądarka i wtyczka cache'ująca mogły zapisać w starej wersji. Po każdej aktualizacji wtyczki, motywu lub rdzenia WordPress proszę zresetować cache wtyczki i wyczyścić cache przeglądarki, zapobiegnie to konfliktom stylów i skryptów. Jest to szczególnie krytyczne po dużych aktualizacjach (główne wersje WordPress, przejście na nowe PHP): proszę poświęcić 15 sekund na zresetowanie cache'a teraz, zaoszczędzi Pan/Pani pół godziny na szukaniu układu, który „się rozjechał", później.

Jak często trzeba czyścić cache WordPress?

Tylko wtedy, gdy jest to naprawdę potrzebne: po aktualizacji treści, poprawkach wizualnych, instalacji lub aktualizacji wtyczek i motywów. W pozostałym czasie niech cache pracuje, po to został stworzony. Nie ma sensu czyścić cache'a „profilaktycznie" codziennie. Wyjątek: jeśli strona jest bardzo dynamiczna (forum, sklep internetowy z częstą aktualizacją cen i stanów magazynowych), proszę ustawić czas życia cache'a (TTL) na krótszy, na przykład 2-4 godziny zamiast standardowych 24. Dzięki temu odwiedzający będą widzieć aktualne dane bez ręcznego resetowania.

Czy można zautomatyzować czyszczenie cache'a?

Tak, większość wtyczek cache'ujących obsługuje automatyczne resetowanie przy zdarzeniach: publikacja nowego wpisu, aktualizacja strony, zmiana motywu. W3 Total Cache i WP Super Cache robią to od razu po instalacji. W przypadku cache'a serwerowego i CDN, wywołania API przez WP-CLI lub żądania HTTP do API dostawcy. Ale pełna automatyzacja to broń obosieczna. Zbyt częste resetowanie cache'a sprowadza jego korzyść do zera: serwer za każdym razem buduje strony od nowa. Proszę skonfigurować automatyczne resetowanie tylko dla naprawdę istotnych zdarzeń (nowy wpis, zmiana krytycznych stron).

Czyszczenie cache'a WordPress: co i kiedy nacisnąć

Uniwersalny algorytm na każdą sytuację wygląda następująco:

• Nie widzi Pan/Pani swoich poprawek? Ctrl+Shift+Del w przeglądarce + przycisk Delete Cache we wtyczce.
• Odwiedzający skarżą się na stary wygląd? Proszę zresetować cache wtyczki, potem serwerowy, potem CDN (jeśli jest).
• Po aktualizacji motywu lub wtyczek wszystko się rozjechało? Cache przeglądarki + cache wtyczki i proszę przeładować przez Ctrl+F5.

W większości przypadków problem rozwiązuje się przez wyczyszczenie cache'a przeglądarki i cache'a wtyczki. Cache serwerowy i CDN są potrzebne rzadziej, ale kiedy są potrzebne, nie można się bez nich obejść. Teraz ma Pan/Pani instrukcję krok po kroku dla każdej warstwy. Proszę dodać tę stronę do zakładek, przyda się.