Kaip pašalinti nenaudojamą CSS ir JS iš „WordPress“ (labai paprasta)

Daug nenaudojamo CSS ir JS jūsų svetainėje gali neigiamai paveikti jos įkėlimo laiką. Jei naudojate greičio testavimo įrankius, tokius kaip „Google PageSpeed ​​Insight“ , galite gauti įspėjimą pašalinti nenaudojamą CSS.

Laimei, yra labai paprastas būdas tai padaryti. Jums nereikia turėti jokių specialių techninių žinių, kad galėtumėte pašalinti nenaudojamą CSS ir JS iš savo „WordPress“ svetainės.

Taip yra dėl nuostabaus įskiepio, žinomo kaip „Asset CleanUp: Page Speed ​​Booster “. Su šiuo įskiepiu nepanaudotą CSS pašalinti taip paprasta, kaip spustelėti kelis mygtukus. Arba, jei neprieštaraujate išleisti kelis dolerius per metus, „WP Rocket“ turi mygtuką „Pašalinti nenaudojamą CSS“, tiesiog jį suaktyvinkite ir įskiepis automatiškai pašalins visą nenaudojamą CSS.

Atsiskaitymas: 7 geriausi valdomi „Google Cloud WordPress“ talpinimo sprendimai

Kas yra nenaudojamas CSS?

Nenaudojamas CSS yra CSS failas, kuris yra puslapyje, bet dažniausiai nėra reikalingas puslapiui įkelti. Kai lankytojas atidaro svetainę, naršyklė paprastai turi atsisiųsti, išanalizuoti ir apdoroti visus lankomo puslapio išorinius stilių lapus, kad galėtų lankytojui parodyti puslapio turinį. Jei tokiame puslapyje yra koks nors CSS, kuris puslapyje nenaudojamas, naršyklė eikvoja tam savo laiką.

Klasikinis to pavyzdys yra dauguma naudojamų kontaktinės formos papildinių. Šie papildiniai, nors dažniausiai naudojami tik puslapyje Susisiekite su mumis, įkelia savo CSS visoje svetainėje. Nesvarbu, ar tai yra pagrindinis puslapis, kuriame jis nenaudojamas, CSS bus įkeltas.

Jei yra per daug CSS, kurių nereikia, bet kurie įkeliami ir sulėtina naršyklės laiką, kad galėtų skaityti ir rodyti puslapį, tai gali tapti problema.

Be įskiepių, temų kūrėjai į style.css įrašo daug dalykų, kurių dažniausiai nereikia. Bet nesvarbu, ar reikia, ar ne, jie įkeliami kiekvieną kartą, kai įkeliama jūsų svetainė!

Vienas nenaudojamas CSS gali nesukelti problemų, tačiau daug nenaudojamų CSS gali turėti įtakos jūsų svetainės įkėlimo laikui.

Atsiskaitymas: 10 greičiausių ir geriausių „WordPress“ temų

Kaip atpažinti nenaudojamą CSS

Rasti nenaudojamą CSS ir JS yra labai lengvas dalykas. Yra du būdai, kuriuos rekomenduosiu.

Vienas iš jų yra analizuoti savo svetainę naudojant „Google PageSpeed ​​Insight“. Patikrinkite, ar jūsų svetainėje nėra pašalinimo nenaudojamo CSS problemos. Spustelėkite jį ir galėsite nustatyti už tai atsakingą savo svetainės komponentą.

Iš viršaus matote, kad užfiksuotas vienas nenaudojamo CSS atvejis. Žiūrėdamas į tai galiu pamatyti nenaudojamo CSS papildinį ir vietą.

Antrasis variantas – gauti išsamesnę analizę. Tai galite pasiekti naudodami „Chrome Dev“ įrankius.

„Chrome“ naršyklėje atidarykite „Chrome Dev“ įrankius, tada eikite į aprėpties sritį. Tada aprėpties srityje spustelėkite mygtuką „Įkelti iš naujo“. Išsamų vadovą, kaip tai padaryti, rasite „Google Developers“ įrankyje.

Kita galimybė – naudoti „jitbit“, kad nuskaitytumėte nenaudojamus CSS selektorius . Taip pat galite naudoti „PurifyCSS“ , kad rastumėte nenaudojamą CSS.

Kaip pašalinti nenaudojamą CSS

Norėdami pašalinti nenaudojamą CSS iš „WordPress“, atlikite šiuos veiksmus:

1. Įdiekite „Asset CleanUp“.

Eikite į papildinį, tada Pridėti naują. Tada puslapio Pridėti naują papildinį paieškos laukelyje įveskite „Asset CleanUp“. Įdiekite ir suaktyvinkite papildinį.

2. Eikite į papildinio nustatymus

Norėdami pasiekti papildinio nustatymus, „WordPress“ prietaisų skydelyje spustelėkite nustatymus, tada spustelėkite „Asset CleanUp“.

3. Iškelkite nepageidaujamus CSS ir JS

Papildinio nustatymuose prieš pradėdami gali tekti sutikti, kad žinote, kaip papildinys veikia po riebalų šalinimo čiaupu.

Norėdami iškrauti CSS ir JS, spustelėkite CSS ir JSS tvarkyklė. Iš ten galite pašalinti bet kokius CSS ir JS, kurių jums nereikia. Galite pašalinti tik pagrindinio puslapio, visos svetainės arba konkretaus URL. Taip pat galite pašalinti įrašus, puslapius ar kategorijas.

Pavyzdys yra visos svetainės, išskyrus puslapį Susisiekite su mumis, iškelti bet kokios kontaktinės formos įkėlimą

Neskubėkite ir iškelkite kiekvieną CSS ir JS, kurių, jūsų žiniomis, nereikia. Baigę būtinai patikrinkite svetainę, kad įsitikintumėte, jog viskas gerai.

Pašalinkite nenaudojamus CSS WordPress papildinius

Štai keli papildiniai, kuriuos galite naudoti norėdami pašalinti nenaudojamą CSS iš WordpPress:

1. Turto valymas: puslapio greičio stiprintuvas

„Asset CleanUp: Page Speed ​​Booster“ leidžia lengvai pašalinti nenaudojamą CSS ir JSin WordPress net pradedantiesiems. Jums tereikia deaktyvuoti konkretų CSS, kurio nereikia konkrečiam puslapiui.

Taip pat galite išjungti tik atskirus įrašus. Naudodami aukščiausios kokybės versiją, galite išjungti nenaudojamą CSS / JS naudodami papildinius.

Šis papildinys yra pilnas našumo papildinys su daugybe kitų parinkčių, leidžiančių pagreitinti „WordPress“. Nenaudojamo CSS / JS pašalinimas yra tik dalis.

Šiame įraše aš naudoju šį papildinį turi vadovą.

2. WP raketų

„WP Rocket“ yra numeris vienas „WordPress“ aukščiausios kokybės našumo įskiepis. Jei esate naujokas, t. y. jei nesate patyręs ar patogiai dirbate su „WordPress“, „WP Rocket“ yra lengviausias būdas pašalinti nenaudojamą CSS.

Turite įsigyti papildinį. Kai tai padarysite, galėsite jį atsisiųsti iš savo paskyros arba patikrinti atsisiuntimo nuorodą el. pašte.

Įdiekite papildinį naudodami prietaisų skydelį> papildiniai> Pridėti naują> Įkelti.

Tiesiog eikite į WP Rocket nustatymus, tada spustelėkite skirtuką „Failo optimizavimas“. Tada slinkite žemyn ir pamatysite „Pašalinti nepanaudotą CSS“, pažymėkite laukelį, išsaugokite ir išvalykite talpyklą.

3. Perfmatters

„Perfmatters“ yra aukščiausios kokybės įskiepis, kurį sukūrė Brian Jackson ir jo brolis Brett Jackson. Šis įskiepis gali labai lengvai pašalinti nenaudojamą CSS.

Pirmiausia turite įsigyti papildinį. Tada įdiekite. Suaktyvinti licenciją. Kai naršote į nustatymus, įjunkite scenarijų tvarkyklę.

Tiesiog eikite į bet kurį savo svetainės puslapį arba paskelbkite įrašą, prietaisų skydelio meniu pamatysite scenarijų tvarkyklės piktogramą, spustelėkite ją. Nenaudojamus CSS ir JS galėsite pašalinti iš puslapio arba visame pasaulyje.

Šis papildinys yra našumo papildinys, pateikiamas su daugybe kitų „WordPress“ paspartinimo parinkčių. Nenaudojamo CSS / JS pašalinimas yra jo dalis.

4. CSS JS vadybininkas

CSS JS tvarkyklė gali specialiai pašalinti CSS arba JS iš mobiliųjų arba stalinių kompiuterių įrenginių. Priklausomai nuo to, ko norite pasiekti.

Šis papildinys taip pat gali atidėti CSS arba JS failų įkėlimą.

Išvada

Jei turite daug nenaudojamų CSS ir JS, pastebėsite didelį greičio ir našumo balų pagerėjimą.

Gali būti neįmanoma pašalinti visų nenaudojamų CSS, bet galite juos sumažinti iki minimumo. Aš naudoju „Asset CleanUp“, kad pašalinčiau nenaudojamus CSS iš „TargetTrend“.

Atminkite, optimizuokite, bet nebūkite per daug į tai įsitraukę, nebent norite, kad jūsų svetainė atrodytų kaip greičiausia svetainė pasaulyje.

Taip pat skaitykite:

Kaip pašalinti „WordPress“ pateikimą blokuojančius išteklius

Kaip padaryti „WordPress“ labai greitą

Kaip pritraukti srautą į savo tinklaraštį