Pamięć podręczna i optymalizacja: cache stron, minifikacja i czcionki

Zakładka Pamięć podręczna i optymalizacja przyspiesza strony publiczne bez osobnej wtyczki cache. Buforuje strony, skraca HTML, ładuje skrypty później, obsługuje czcionki i sprawdza wynik. Otwórz ją w Baza Helper > Pamięć podręczna i optymalizacja.

Pamięć podręczna stron

Włącz Włącz publiczną pamięć podręczną stron. Buforowane są tylko anonimowe żądania GET bez ciasteczek i parametrów w adresie. Konto, kasa i wykluczone ścieżki zawsze omijają cache.

• Czas życia pamięci podręcznej (sekundy): domyślnie godzina, od 60 sekund do doby. Krótki czas utrzymuje aktualne dane rezerwacji i tokeny bezpieczeństwa, długi sprawia, że strona jest szybka dla każdego odwiedzającego.
• Maksymalna liczba stron w pamięci podręcznej: limit zapisanych kopii.
• Czyść pamięć podręczną po zmianie treści lub ustawień motywu: odwiedzający nie zobaczą nieaktualnych stron.
• Wykluczone ścieżki URL: jedna ścieżka w wierszu, zaczynająca się od /. Ścieżka i wszystko pod nią omija cache.

Karta otwiera się trzema kartami w tej kolejności: Zarządzanie pamięcią podręczną, Doradca prędkości, potem Pamięć podręczna stron i pozostałe ustawienia. W bloku Zarządzanie pamięcią podręczną widzisz liczbę zbuforowanych stron, rozmiar cache i wygasłe wpisy. Wyczyść pamięć podręczną stron opróżnia go, a Rozgrzej strony publiczne żąda do 100 opublikowanych stron małymi paczkami WP-Cron, aby pierwszy odwiedzający od razu dostał zbuforowaną stronę. Rozgrzewanie pomija odpowiedzi spersonalizowane. Jeśli WP-Cron jest wyłączony na serwerze, rozgrzewanie wymaga zadania cron na serwerze.

HTML, CSS i JavaScript

• Zachowawcza minifikacja HTML usuwa komentarze i zbędne odstępy. Spacje w tekście, skrypty, JSON-LD, style, SVG, pre i textarea zostają bez zmian.
• Use compiled minified theme CSS / JavaScript wybiera plik .min motywu, jeśli istnieje.
• Opóźniaj zgodne skrypty motywu (defer) korzysta z ładowania WordPressa uwzględniającego zależności. Zewnętrzne skrypty dostawców i zasoby wtyczki rezerwacji zostają bez zmian.
• Odrocz wszystkie skrypty (w tym jQuery i motyw) ładuje każdy plik skryptu po sparsowaniu strony. WordPress zachowuje kolejność skryptów zależnych od siebie. Skrypt z kodem w treści wypisanym po nim i zalogowani odwiedzający pozostają bez zmian, a jeśli strona wykonuje kod w treści, który sam wywołuje jQuery, jQuery zostaje pierwszy. Domyślnie wyłączone. Po włączeniu sprawdź formularze, menu i suwaki. Ustawienie Skrypty pozostawione bez zmian przy odraczaniu wszystkich przyjmuje jeden uchwyt skryptu WordPressa na wiersz. Te skrypty zostają w head, a wszystkie inne są odraczane.
• Combine local stylesheets / scripts into one file działa dla odwiedzających, którzy nie są zalogowani. Pliki ładowane jeden po drugim stają się jednym plikiem w tej samej kolejności. Style z kodem w treści strony, innymi typami mediów lub @import oraz skrypty z danymi w treści strony lub moduły zostają osobno. Po włączeniu sprawdź formularze, menu i suwaki.
• Opóźniaj skrypty kalendarza rezerwacji (defer) pojawia się tylko wtedy, gdy zainstalowano Baza Booking Calendar. Po włączeniu wykonaj testową rezerwację.
• Odrocz skrypty Elementora i dodatków i Nie ładuj jQuery Migrate na publicznej stronie usuwają kolejne blokujące żądania. Potem sprawdź suwaki, liczniki, menu, okna wyskakujące i formularze.
• Wyłącz emoji WordPressa usuwa skrypt i style emoji. Wpisane emoji nadal działają, bo rysuje je przeglądarka.

Obrazy i pierwszy ekran

• Uzupełniaj brakujące wymiary lokalnych obrazów dodaje szerokość i wysokość tylko wtedy, gdy brakuje obu.
• Ładuj leniwie nieskonfigurowane obrazy po pierwszych trzech zostawia pierwsze obrazy bez opóźnionego ładowania.
• Zachowaj statyczną treść widoczną na początku (LCP) nie pozwala animacjom wejścia opóźniać pierwszego ekranu.
• Wstępnie ładuj największy obraz każdej strony dowiaduje się od przeglądarek odwiedzających, który obraz narysowano jako największy, i po dwóch zgodnych wizytach dodaje dla niego wstępne ładowanie o wysokim priorytecie, osobno dla telefonów i większych ekranów. Ten obraz nigdy nie jest ładowany leniwie: loading="lazy" jest usuwane, a priorytet ustawiany na wysoki.
• Naprawiaj automatycznie znaczniki dostępności nadaje linkom bez nazwy aria-label, dodaje znacznik main, gdy strona go nie ma, i usuwa nieprawidłowe atrybuty aria-value.

Czcionki

• Użyj font-display swap dla lokalnych arkuszy stylów tworzy kopię CSS z haszem w nazwie i dodanym swap.
• Automatycznie wstępnie ładuj czcionki lokalnych arkuszy stylów wstępnie ładuje pierwszy łaciński plik czcionki każdego @font-face, a Maksymalna liczba automatycznie ładowanych wstępnie czcionek (od 1 do 5, domyślnie 2) ogranicza ich liczbę.
• Wstępnie ładuj ważne adresy URL czcionek przyjmuje do pięciu adresów WOFF2, WOFF, TTF lub OTF. Ładuj wstępnie tylko czcionki używane na pierwszym ekranie.

Krytyczny CSS i odroczone style

Pole Critical CSS zawiera tylko CSS, bez znaczników style i importów. Jest potrzebne, zanim wypiszesz Uchwyty arkuszy stylów do załadowania po critical CSS. Style spoza listy pozostają blokujące. Generator Critical CSS może wypełnić to pole za Ciebie, zobacz osobny artykuł.

Bezpośrednie wydawanie HTML

Udostępniaj HTML bezpośrednio bez WordPress oddaje zbuforowane strony serwerowi WWW bez uruchamiania PHP. Wymaga cache stron i automatycznego unieważniania oraz pozytywnego sprawdzenia serwera. Na Apache i LiteSpeed przycisk Zainstaluj reguły automatycznie robi kopię .htaccess, zapisuje reguły przed regułami WordPressa, testuje stronę główną i przywraca stary plik, jeśli coś pójdzie źle. Usuń reguły usuwa tylko blok dodany przez Baza Helper. Na Nginx zakładka pokazuje reguły do skopiowania do konfiguracji serwera.

Reguły cache przeglądarki

Karta cache przeglądarki zapisuje oznaczony blok w .htaccess na Apache lub LiteSpeed: rok dla obrazów, czcionek i wideo, miesiąc dla CSS i JavaScript. Na Nginx pokazuje wiersze do skopiowania. Następnie sprawdza, czy serwer naprawdę wysyła nagłówek max-age. To odpowiedź na uwagę PageSpeed „Use efficient cache lifetimes”.

Diagnostyka wydajności

Wpisz adres strony, uruchom sprawdzenie albo zaimportuj raport Lighthouse w formacie JSON. Wynik wymienia problemy z faktami i kolejnym krokiem dla każdego, pierwsze własne pliki CSS i JavaScript z wiekiem w cache przeglądarki oraz style blokujące renderowanie. Nie ma zmyślonej oceny. Karta Speed advisor nad nią zamienia te same ustalenia w przełączniki, zobacz artykuł o Speed advisor.