Kuidas eemaldada kasutamata CSS ja JS WordPressis (väga lihtne)

Kui teie veebisaidil on palju kasutamata CSS-i ja JS-i, võib see teie veebisaidi laadimisaega kahjustada. Kui haldate oma veebisaiti a kiiruse testimise tööriistad nagu Google Page Speed ​​​​Insight, võite saada hoiatuse kasutamata CSS-i eemaldamiseks.

Õnneks on selleks väga lihtne viis. Kasutamata CSS-i ja JS-i oma WordPressi saidilt eemaldamiseks ei pea teil olema erilisi tehnilisi teadmisi.

Selle põhjuseks on hämmastav pistikprogramm, mida tuntakse kui Varade puhastamine: lehe kiiruse suurendaja. Selle pistikprogrammi abil on kasutamata CSS-i eemaldamine sama lihtne kui mõne nupu klõpsamine. Teise võimalusena, kui te ei soovi kulutada paar dollarit aastas, koos WP raketi, on eemaldatud kasutamata CSS-nupp, lihtsalt aktiveerige see ja pistikprogramm eemaldab kõik kasutamata CSS-i automaatselt.

Kassa: 7 parimat hallatavat Google'i pilve WordPressi hostimist

Mis on kasutamata CSS?

Kasutamata CSS on CSS-fail, mis on lehel olemas, kuid mida enamasti pole lehe laadimiseks vaja. Kui külastaja avab veebisaidi, peab brauser tavaliselt alla laadima, sõeluma ja töötlema kõik külastatud lehe välised stiilitabelid, enne kui saab külastajale lehe sisu kuvada. Kui sellisel lehel on mõni CSS, mida sellel lehel ei kasutata, raiskab brauser sellele oma aega.

Selle klassikaline näide on enamik kontaktvormide pistikprogramme, mida kasutatakse. Kuigi neid pistikprogramme kasutatakse enamasti ainult lehel Võta meiega ühendust, laadivad need CSS-i kogu veebisaidil. Pole tähtis, kas see on koduleht, kus seda ei kasutata, CSS laaditakse.

Kui on liiga palju CSS-e, mida pole vaja, kuid mis laadivad ja aeglustavad brauseri lehe lugemise ja kuvamise aega, võib see muutuda probleemiks.

Peale pistikprogrammide kirjutavad teemaarendajad style.css-i palju asju, mida enamasti pole vaja. Kuid olenemata sellest, kas see on vajalik või mitte, laaditakse need teie saidi laadimisel alati!

Üks kasutamata CSS ei pruugi olla probleem, kuid palju kasutamata CSS-i võib mõjutada teie veebisaidi laadimisaega.

Kassa: Top 10 kiireimat ja parimat WordPressi teemat 

Kuidas tuvastada kasutamata CSS-i

Kasutamata CSS-i ja JS-i leidmine on väga lihtne asi. Soovitan kahte lähenemisviisi.

Üks on oma veebisaidi analüüsimine Google PageSpeed ​​Insighti kaudu. Kontrollige, kas teie veebisaidil on kasutamata CSS-i eemaldamise probleem. Klõpsake sellel ja saate tuvastada selle eest vastutava saidi komponendi.

Ülevalt näete, et on registreeritud üks kasutamata CSS-i juhtum. Seda vaadates näen kasutamata CSS-i pistikprogrammi ja asukohta.

Teine võimalus on saada üksikasjalikum analüüs. Seda saate saavutada Chrome Devi tööriistade abil.

Avage oma Chrome'i brauseris Chrome Devi tööriistad, seejärel minge levialasse. Seejärel klõpsake levialas uuesti laadimise nuppu. Võite leida a põhjalik juhend selle kohta, kuidas seda teha Google Developersi tööriistas.

Teine võimalus on kasutada jitbit kasutamata CSS-i valijate otsimiseks. Võite ka kasutada CSS-i puhastamine kasutamata CSS-i leidmiseks

Kuidas eemaldada kasutamata CSS

Järgige neid samme, et eemaldada WordPressist kasutamata CSS:

1. Installige Asset CleanUp

Minge pistikprogrammi ja seejärel Lisa uus. Seejärel tippige uue pistikprogrammi lisamise lehe otsingukasti "Asset CleanUp". Installige ja aktiveerige pistikprogramm.

2. Avage pistikprogrammi seaded

Pistikprogrammi sätetele juurdepääsemiseks klõpsake WordPressi juhtpaneelil seadeid ja seejärel nuppu Vara puhastamine.

3. Laadige maha soovimatud CSS ja JS

Pistikprogrammi seadetes peate võib-olla enne alustamist nõustuma sellega, et teate, kuidas plugin rasva eemaldamise kraani all töötab.

CSS-i ja JS-i mahalaadimiseks klõpsake CSS-i ja JSS-i halduril. Sealt saate eemaldada kõik CSS-i ja JS-id, mida te ei vaja. Saate selle eemaldada ainult avalehe, kogu saidi või konkreetse URL-i jaoks. Saate eemaldada ka postituste, lehtede või kategooriate jaoks.

Näide on kogu saidi kontaktivormide laadimisest mahalaadimine, välja arvatud meiega ühenduse võtmise leht

Võtke aega ja laadige maha kõik CSS-id ja JS-id, mida teate, et need pole vajalikud. Pärast lõpetamist kontrollige kindlasti oma saiti, et veenduda, et kõik on korras.

Eemaldage kasutamata CSS-i WordPressi pistikprogrammid

Siin on mõned pistikprogrammid, mille abil saate WordpPressist kasutamata CSS-i eemaldada:

1. Varade puhastamine: lehe kiiruse suurendaja

Varade puhastamine: lehe kiiruse suurendaja muudab kasutamata CSS-i ja JSin WordPressi eemaldamise lihtsaks isegi algajatele. Kõik, mida pead tegema, on deaktiveerida konkreetne CSS, mida pole konkreetse lehe jaoks vaja.

Saate inaktiveerida ka ainult üksikute postituste jaoks. Lisatasu versiooniga saate pistikprogrammide abil deaktiveerida kasutamata CSS/JS-i.

See pistikprogramm on täielik jõudlusplugin koos paljude muude võimalustega WordPressi kiirendamiseks. Kasutamata CSS/JS-i eemaldamine on vaid osa sellest.

Selles postituses kasutasin seda pistikprogrammi, millel on juhend.

2. WP Rocket

WP raketi on WordPressi lisatasu jõudluse pistikprogramm number üks. Kui olete noob, pean silmas seda, kui te pole WordPressiga kogenud ega tunne end hästi, on WP Rocket lihtsaim viis kasutamata CSS-i eemaldamiseks.

Peate ostma pistikprogrammi. Kui olete selle teinud, saate selle oma kontolt alla laadida või vaadata oma meili allalaadimislinki.

Installige pistikprogramm menüüst Armatuurlaud> Pluginad> Lisa uus> Laadi üles.

Lihtsalt navigeerige WP Rocketi sätete juurde ja klõpsake vahekaarti „Faili optimeerimine”. Seejärel kerige alla ja näete valikut „Eemalda kasutamata CSS”, märkige ruut, salvestage ja tühjendage vahemälu.

3. Perfmatters

Parfüümid on Brian Jacksoni ja tema venna Brett Jacksoni välja töötatud esmaklassiline pistikprogramm. See pistikprogramm aitab kasutamata CSS-i väga lihtsalt eemaldada.

Esiteks peate ostma pistikprogrammi. Seejärel installige see. Aktiveeri litsents. Seadetesse navigeerides lülitage sisse skriptihaldur.

Lihtsalt minge oma veebisaidi mis tahes lehele või postitusse, näete armatuurlaua menüüs skriptihalduri ikooni ja klõpsake sellel. Saate eemaldada kasutamata CSS-i ja JS-i lehelt või globaalselt.

See pistikprogramm on jõudlusplugin, mis sisaldab palju muid võimalusi WordPressi kiirendamiseks. Kasutamata CSS/JS-i eemaldamine on selle osa.

4. CSS JS-i haldur

CSS JS-i haldur saab spetsiaalselt CSS-i või JS-i mobiilist või töölauast eemaldada. Sõltuvalt sellest, mida soovite saavutada.

See pistikprogramm võib ka CSS- või JS-failide laadimise edasi lükata.

Järeldus

Kui teil on palju kasutamata CSS-i ja JS-i, märkate kiiruse ja jõudluse skooride suurt paranemist.

Kogu kasutamata CSS-i eemaldamine võib olla võimatu, kuid saate neid minimeerida. Kasutan kasutamata CSS-i eemaldamiseks Asset CleanUpi TargetTrend.

Pidage meeles, optimeerige, kuid ärge olge sellest liiga kinnisideeks, välja arvatud juhul, kui soovite, et teie sait välja näeks kiireim veebisait maailmas.

Loe ka:

Kuidas WordPressis renderdamist blokeerivaid ressursse kõrvaldada

Kuidas muuta WordPress väga kiireks

Kuidas oma ajaveebi liiklust juhtida