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

Jei svetainėje yra daug nenaudojamų CSS ir JS, gali sumažėti svetainės įkėlimo laikas. Jei savo svetainę valdote per a greičio tikrinimo įrankiai z 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 papildinio, žinomo kaip Turto valymas: puslapio greičio stiprintuvas. Naudojant šį papildinį, pašalinti nenaudojamą CSS yra taip paprasta, kaip spustelėti kelis mygtukus. Arba, jei neprieštaraujate išleisti keletą dolerių per metus, su WP raketų, yra pašalintas nenaudojamas CSS mygtukas, tiesiog suaktyvinkite jį ir įskiepis automatiškai pašalins visą nenaudojamą CSS.

Užsakymas: 7 populiariausių valdomų „Google“ debesies „WordPress“ prieglobos paslaugų

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.

Užsakymas: 10 geriausių ir greičiausių „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ėptį. Tada aprėpties srityje spustelėkite perkrovimo mygtuką. Galite rasti a išsamų vadovą, kaip tai padaryti „Google Developers“ įrankyje.

Kitas variantas yra naudoti jitbit, kad nuskaitytų nenaudojamus CSS parinkiklius. Taip pat galite naudoti Išvalykite CSS rasti 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

Turto valymas: puslapio greičio stiprintuvas leidžia lengvai pašalinti nenaudojamą CSS ir JSin WordPress net pradedantiesiems. Viskas, ką jums reikia padaryti, tai išjungti tam tikrą CSS, kuris nereikalingas 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 raketų yra „WordPress“ aukščiausios kokybės papildinys numeris vienas. Jei esate niekšas, turiu galvoje, jei nesate patyręs ar nesinaudojęs „WordPress“, tada 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

Kvepalai yra aukščiausios kokybės papildinys, kurį sukūrė Brianas Džeksonas ir jo brolis Brettas Jacksonas. Šis papildinys gali padėti 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š mobiliojo ar darbalaukio. 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 nenaudojamą CSS TargetTrend.

Atminkite, optimizuokite, bet nebūkite pernelyg apsėstas, nebent norite, kad jūsų svetainė atrodytų taip 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į