Odstránenie nepoužívaného CSS: kratšia kópia každého štýlu z vášho skenu
Odstránenie nepoužívaného CSS nahradí každý štýl, ktorý načítavajú vaši návštevníci, kratšou kópiou vytvorenou z toho, čo vaše stránky naozaj používajú. Nič sa neodstráni samo: spustíte sken a Baza Helper sa vašich stránok pýta, ktoré pravidlá používajú. Možnosť nájdete v Baza Helper > Vyrovnávacia pamäť a optimalizácia, je iba v Baza Helper Pro (platené plány). Bezplatná verzia ani verzia v adresári WordPress.org ju nemá. Predvolene je vypnutá.
Zapnite ju a naskenujte web
- Otvorte Baza Helper > Vyrovnávacia pamäť a optimalizácia a nájdite Odstránenie nepoužívaného CSS.
- Zaškrtnite Odstránenie nepoužívaného CSS a uložte.
- Stlačte Skenovať web. Nechajte kartu otvorenú, kým sken neskončí. Riadok nad tlačidlami ukazuje, koľko stránok sa naskenovalo a o koľko sa štýly zmenšili.
- Otvorte web v okne, kde nie ste prihlásení, a skontrolujte kľúčové stránky, menu, formuláre a slidery.
Čo sken robí
Spustiť ho môže iba administrátor. Sken postupne otvára v skrytom ráme domovskú stránku, stránky, ktoré pridáte v časti Ďalšie stránky na skenovanie, dve nedávne stránky každého verejného typu príspevku a najvyužívanejší výraz každej verejnej taxonómie, najviac 40 adries. Každá stránka sa otvorí pri šírke 1440 a 390 pixelov.
Skript v každom ráme posunie stránku, potom prejde štýly vášho vlastného webu a pri každom pravidle sa stránky pýta, či existuje prvok pre daný selektor. Odpovede zo všetkých stránok sa spoja: pravidlo ostane, ak ho použila aspoň jedna stránka. Pre každý štýl Baza Helper uloží kratšiu kópiu do priečinka uploads/baza-helper-cache/rucss/.
Sken beží v prehliadači administrátora, na vašom vlastnom webe. Nepoužíva sa žiadna externá služba.
Čo dostanú návštevníci
Kým je možnosť zapnutá, neprihlásení návštevníci dostanú kratšiu kópiu namiesto pôvodného štýlu. Prihlásení používatelia a náhľady dostanú stále pôvodný štýl. Štýl, ktorý nemá kópiu, napríklad po zmene čísla verzie, sa načíta celý.
Čo sa vždy ponechá
- Pravidlá, ktoré pomenúvajú stav, napríklad is-, has-, active, open alebo show.
- Pravidlá s hover, focus, active a pseudoprvkami: kontrolujú sa podľa základného prvku. Selektor, ktorý sa nedá otestovať, sa ponechá.
- @font-face a @keyframes.
- Bloky @media, @supports, @container a @layer, pokiaľ sa niečo v nich ponechá.
- Všetko, čo uvediete v časti Pravidlá, ktoré sa nikdy neodstránia, a každý štýl, ktorý uvediete v časti Štýly, ktoré ostávajú celé.
Nastavenia
- Odstránenie nepoužívaného CSS: hlavný vypínač. Každý štýl sa po vykonaní skenu nahradí kratšou kópiou.
- Ďalšie stránky na skenovanie: adresy stránok, ktoré vyzerajú inak ako ostatné, napríklad vstupná stránka alebo stránka obchodu. Jedna na riadok, napríklad /pricing/.
- Pravidlá, ktoré sa nikdy neodstránia: jedna časť selektora na riadok, napríklad .modal alebo .swiper.
- Štýly, ktoré ostávajú celé: jedna časť adresy štýlu na riadok, napríklad /plugins/some-plugin/.
Po zmene skenujte znova
Skenujte znova po zmene témy, pluginu alebo dizajnu. Štýl, ktorého číslo verzie (?ver=) sa zmenilo, nemá kópiu a načíta sa celý až do ďalšieho skenu. Zabudnúť skenovanie odstráni kópie aj záznam a naraz vráti všetky plné štýly.
Limity
- Odstráni sa iba to, čo sa na naskenovaných stránkach nenašlo. Pravidlá pre stránky, ktoré sa neskenovali, a pre stavy, ktoré skript zapne po akcii návštevníka, sa môžu stratiť. Pridajte stránku do Ďalšie stránky na skenovanie alebo selektor do Pravidlá, ktoré sa nikdy neodstránia.
- Úspora závisí od vašej témy a pluginov, preto neexistuje pevné číslo. Po skene skontrolujte stránku.
- Nenahrádza Critical CSS, čo je samostatný nástroj Pro pre prvú obrazovku.
