Usuwanie nieużywanego CSS: krótsza kopia każdego arkusza stylów z własnego skanu
Usuwanie nieużywanego CSS zastępuje każdy arkusz stylów ładowany przez odwiedzających krótszą kopią, zrobioną z tego, czego naprawdę używają twoje strony. Nic nie jest usuwane samo: to ty uruchamiasz skan, a Baza Helper pyta twoje własne strony, których reguł używają. Opcja jest w Baza Helper > Pamięć podręczna i optymalizacja, wyłącznie w Baza Helper Pro (plany płatne). Darmowa wersja i wersja z katalogu WordPress.org jej nie mają. Domyślnie jest wyłączona.
Włącz opcję i przeskanuj witrynę
- Otwórz Baza Helper > Pamięć podręczna i optymalizacja i znajdź Usuwanie nieużywanego CSS.
- Zaznacz Usuwanie nieużywanego CSS i zapisz.
- Naciśnij Skanuj witrynę. Nie zamykaj karty do końca skanu. Wiersz nad przyciskami pokazuje, ile stron przeskanowano i o ile zmniejszyły się arkusze stylów.
- Otwórz witrynę w oknie, w którym nie jesteś zalogowany, i sprawdź najważniejsze strony, menu, formularze i suwaki.
Co robi skan
Uruchomić go może tylko administrator. Skan otwiera po kolei, w ukrytej ramce, stronę główną, strony dodane w Dodatkowe strony do skanowania, dwie ostatnie strony każdego publicznego typu wpisu i najpopularniejszy termin każdej publicznej taksonomii, łącznie do 40 adresów. Każda strona jest otwierana przy szerokości 1440 i 390 pikseli.
Skrypt w każdej ramce przewija stronę, potem przechodzi przez arkusze stylów twojej własnej witryny i dla każdej reguły pyta stronę, czy istnieje element pasujący do tego selektora. Odpowiedzi ze wszystkich stron są łączone: reguła zostaje, gdy użyła jej co najmniej jedna strona. Dla każdego arkusza stylów Baza Helper zapisuje krótszą kopię w folderze uploads/baza-helper-cache/rucss/.
Skan działa w przeglądarce administratora, na twojej własnej witrynie. Nie używa żadnej zewnętrznej usługi.
Co dostają odwiedzający
Gdy opcja jest włączona, odwiedzający, którzy nie są zalogowani, dostają krótszą kopię zamiast oryginalnego arkusza stylów. Zalogowani użytkownicy i podglądy nadal dostają oryginał. Arkusz stylów bez kopii, na przykład po zmianie numeru wersji, ładuje się w całości.
Co zawsze zostaje
- Reguły, które nazywają stan, takie jak is-, has-, active, open lub show.
- Reguły z hover, focus, active i pseudoelementami: sprawdza się je po elemencie bazowym. Selektor, którego nie da się sprawdzić, zostaje.
- @font-face i @keyframes.
- Bloki @media, @supports, @container i @layer, o ile cokolwiek w nich zostaje.
- Wszystko, co wpiszesz w Reguły, które nigdy nie są usuwane, oraz każdy arkusz stylów wpisany w Arkusze stylów, które zostają w całości.
Ustawienia
- Usuwanie nieużywanego CSS: przełącznik. Po wykonaniu skanu każdy arkusz stylów jest zastępowany krótszą kopią.
- Dodatkowe strony do skanowania: adresy stron, które wyglądają inaczej niż reszta, takich jak strona docelowa lub strona sklepu. Jeden na wiersz, na przykład /pricing/.
- Reguły, które nigdy nie są usuwane: jedna część selektora na wiersz, na przykład .modal lub .swiper.
- Arkusze stylów, które zostają w całości: jedna część adresu arkusza stylów na wiersz, na przykład /plugins/some-plugin/.
Skanuj ponownie po zmianie
Skanuj ponownie po zmianie motywu, wtyczki lub wyglądu. Arkusz stylów, którego numer wersji (?ver=) się zmienił, nie ma kopii i ładuje się w całości do następnego skanu. Zapomnij skanowanie usuwa kopie i zapis skanu i od razu przywraca wszystkie pełne arkusze stylów.
Limity
- Usuwane jest tylko to, czego nie znaleziono na przeskanowanych stronach. Reguły dla stron, których nie przeskanowano, i dla stanów, które skrypt włącza po działaniu odwiedzającego, mogą zostać utracone. Dodaj stronę do Dodatkowe strony do skanowania albo selektor do Reguły, które nigdy nie są usuwane.
- Oszczędność zależy od twojego motywu i wtyczek, więc nie ma stałej liczby. Sprawdź stronę po skanie.
- Nie zastępuje Critical CSS, który jest osobnym narzędziem Pro dla pierwszego ekranu.
