Kako odstraniti neuporabljena CSS in JS v WordPressu (zelo enostavno)
Veliko neuporabljenih CSS lahko upočasni vaše spletno mesto. Če preizkusite svoje spletno mesto z Google PageSpeed insight, boste morda prejeli opozorilo, da odstranite neuporabljen CSS. To lahko storite na preprost način brez kodiranja in tehničnih podrobnosti.
Če imate na spletnem mestu veliko neuporabljenih CSS in JS, lahko to zmanjša čas nalaganja spletnega mesta. Če svoje spletno mesto vodite prek a orodja za testiranje hitrosti kot Google PageSpeed Insight, boste morda prejeli opozorilo, da odstranite neuporabljen CSS.
K sreči obstaja zelo enostaven način za to. Ni vam treba imeti posebnega tehničnega znanja, da bi lahko odstranili neuporabljene CSS in JS s svojega spletnega mesta WordPress.
To je zaradi neverjetnega vtičnika, znanega kot Asset CleanUp: pospeševalnik hitrosti strani. S tem vtičnikom je odstranjevanje neuporabljenega CSS tako preprosto kot klikanje nekaj gumbov. Druga možnost je, če vas ne moti, da bi porabili nekaj dolarjev na leto, s WP Rocket, je odstranjen neuporabljen gumb CSS, samo ga aktivirajte in vtičnik bo samodejno odstranil ves neuporabljen CSS.
Naročilo: 7 najboljših upravljanih gostovanj WordPress v oblaku Google
Kaj je neuporabljen CSS?
Neuporabljen CSS je datoteka CSS, ki je prisotna na strani, vendar večinoma ni potrebna za nalaganje strani. Ko obiskovalec odpre spletno mesto, mora brskalnik običajno prenesti, razčleniti in obdelati vse zunanje slogovne datoteke na obiskani strani, preden lahko prikaže vsebino strani obiskovalcu. Če na takšni strani obstaja kakršen koli CSS, ki se na strani ne uporablja, bo brskalnik z njim izgubljal čas.
Klasičen primer tega je večina vtičnikov za kontaktne obrazce, ki se uporabljajo. Čeprav se ti vtičniki večinoma uporabljajo samo na strani za stik z nami, svoj CSS naložijo po vsem spletnem mestu. Ni važno, če je domača stran, kjer se ne uporablja, CSS se bo naložil.
Če je preveč CSS, ki niso potrebni, vendar se nalagajo in upočasnjujejo čas brskalnika za branje in prikaz strani, lahko to postane težava.
Razen vtičnikov razvijalci tem v style.css vpišejo marsikaj, kar večinoma ni potrebno. Toda ne glede na to, ali so potrebni ali ne, se naložijo vsakič, ko se naloži vaše spletno mesto!
En neuporabljen CSS morda ne bo problem, vendar lahko veliko neuporabljenih CSS vpliva na čas nalaganja vašega spletnega mesta.
Naročilo: Top 10 najhitrejših in najboljših tem WordPress
Kako prepoznati neuporabljen CSS
Iskanje neuporabljenih CSS in JS je zelo enostavno. Priporočam dva pristopa.
Ena je analiza vašega spletnega mesta prek Google PageSpeed Insight. Preverite, ali ima vaše spletno mesto težavo z odstranitvijo neuporabljenega CSS. Kliknite nanj in prepoznali boste lahko komponento vašega spletnega mesta, ki je za to odgovorna.
Zgoraj lahko vidite, da je zabeležen en primer neuporabljenega CSS. Če pogledam to, lahko vidim vtičnik in lokacijo neuporabljenega CSS.
Druga možnost je podrobnejša analiza. To lahko dosežete z orodji Chrome Dev.
V brskalniku Chrome odprite orodja Chrome Dev in pojdite na pokritost. Nato kliknite gumb za ponovno nalaganje znotraj območja pokritosti. Najdete lahko a obsežen vodnik o tem, kako to storiti v orodju Google Developers.
Druga možnost je uporaba jitbit za iskanje neuporabljenih izbirnikov CSS. Uporabite lahko tudi PurifyCSS da bi našli neuporabljen CSS
Kako odstraniti neuporabljen CSS
Za odstranitev neuporabljenega CSS iz WordPressa sledite tem korakom:
1. Namestite Asset CleanUp
Pojdite na vtičnik in nato Dodaj novo. Nato v iskalno polje na strani za dodajanje novega vtičnika vnesete »Asset CleanUp«. Namestite in aktivirajte vtičnik.
2. Pojdite na nastavitve vtičnika
Za dostop do nastavitev vtičnika na nadzorni plošči WordPress kliknite nastavitve in nato Asset CleanUp.
3. Odstranite neželen CSS in JS
V nastavitvah vtičnika se boste morda morali strinjati, da veste, kako vtičnik deluje pod pipo za odstranjevanje maščobe, preden začnete.
Za odstranitev CSS in JS kliknite Upravitelj CSS in JSS. Od tam lahko odstranite vse CSS in JS, ki jih ne potrebujete. Odstranite ga lahko samo za domačo stran, za celotno spletno mesto ali za določen URL. Odstranite jih lahko tudi za objave, strani ali kategorije.
Primer je razbremenitev kontaktnega obrazca iz nalaganja za celotno spletno mesto, razen strani za stik z nami
Vzemite si čas in odstranite vsak CSS in JS, za katerega veste, da nista potrebna. Ko končate, preverite svoje spletno mesto in se prepričajte, da je vse v redu.
Odstranite neuporabljene vtičnike CSS WordPress
Tukaj je nekaj vtičnikov, s katerimi lahko odstranite neuporabljen CSS v WordpPressu:
1. Asset CleanUp: Page Speed Booster
Asset CleanUp: pospeševalnik hitrosti strani omogoča enostavno odstranjevanje neuporabljenih CSS in JS v WordPressu tudi za začetnike. Vse kar morate storiti je, da deaktivirate določen CSS, ki ni potreben za določeno stran.
Deaktivirate lahko tudi samo za posamezne objave. Pri premium različici lahko neuporabljen CSS/JS deaktivirate z vtičniki.
Ta vtičnik je popoln vtičnik za zmogljivost s številnimi drugimi možnostmi za pospešitev WordPressa. Odstranjevanje neuporabljenega CSS/JS je le del tega.
V tej objavi sem uporabil ta vtičnik ima vodnik.
2. WP raketa
WP Rocket je številka ena vtičnika WordPress Premium za zmogljivost. Če ste noob, mislim, če niste izkušeni ali se ne spodobite z WordPressom, potem je WP Rocket najpreprostejši način za odstranitev neuporabljenega CSS za.
Kupiti morate vtičnik, ko to storite, ga lahko prenesete iz svojega računa ali v e-pošti preverite povezavo za prenos.
Namestite vtičnik prek Nadzorna plošča>Vtičniki>Dodaj novo>Naloži.
Preprosto se pomaknite do nastavitev WP Rocket in nato kliknite zavihek »Optimizacija datoteke«. Nato se pomaknite navzdol in videli boste »Odstrani neuporabljen CSS«, označite polje, shranite in počistite predpomnilnik.
3. Perfmatters
Perfmatri je vrhunski vtičnik, ki sta ga razvila Brian Jackson in njegov brat Brett Jackson. Ta vtičnik lahko zelo enostavno pomaga odstraniti neuporabljen CSS.
Najprej morate kupiti vtičnik. Nato ga namestite. Aktiviraj licenco. Ko se pomaknete do nastavitev, vklopite upravitelja skriptov.
Preprosto pojdite na katero koli stran ali objavo na svojem spletnem mestu, v meniju nadzorne plošče boste videli ikono upravitelja skriptov, kliknite jo. Neuporabljena CSS in JS boste lahko odstranili s strani ali globalno.
Ta vtičnik je vtičnik za zmogljivost, prihaja z mnogimi drugimi možnostmi za pospešitev WordPressa. Odstranjevanje neuporabljenega CSS/JS je del tega.
4. CSS JS Manager
Upravitelj CSS JS lahko posebej odstrani CSS ali JS iz mobilnega ali namiznega računalnika. Odvisno od tega, kaj želite doseči.
Ta vtičnik lahko tudi odloži nalaganje datotek CSS ali JS.
zaključek
Če imate veliko neuporabljenih CSS in JS, boste opazili velik napredek v rezultatih hitrosti in uspešnosti.
Morda bo nemogoče odstraniti vse neuporabljene CSS, vendar jih lahko zmanjšate na minimum. Uporabljam Asset CleanUp za odstranjevanje neuporabljenega CSS za TargetTrend.
Ne pozabite, optimizirajte, vendar ne bodite preveč obsedeni s tem, razen če želite, da vaše spletno mesto izgleda tako najhitrejša spletna stran na svetu.
Preberite tudi:
Kako odstraniti vire, ki blokirajo upodabljanje v WordPressu
Povezani članki
