Wéi onbenotzt CSS a JS a WordPress ze läschen (ganz einfach)

Vill onbenotzt CSS an JS op Ärer Websäit ze hunn kann Är Websäit Laaschtzäit verletzen. Wann Dir Är Websäit duerch eng Geschwindegkeetstestinstrumenter sou wéi Google PageSpeed ​​​​Insight, Dir kënnt eng Warnung kréien fir Onbenotzt CSS ze läschen.

Glécklecherweis gëtt et e ganz einfache Wee fir dat ze maachen. Dir braucht keng speziell technesch Kenntnisser ze hunn fir onbenotzt CSS an JS vun Ärem WordPress Site ze läschen.

Dëst ass wéinst engem erstaunleche Plugin bekannt als Asset CleanUp: Page Speed ​​Booster. Mat dësem Plugin ass d'Entfernung vun onbenotzten CSS sou einfach wéi e puer Knäppercher ze klicken. Alternativ, wann Dir net vergiessen e puer Dollar am Joer Ausgaben, mat WP Rocket, et gëtt en ewechgeholl onbenotzten CSS-Knäppchen, aktivéiert se einfach an de Plugin wäert all onbenotzt CSS automatesch ewechhuelen.

Ofmellen: Top 7 Managed Google Cloud WordPress Hosting

Wat ass onbenotzt CSS?

Onbenotzt CSS ass eng CSS Datei déi op enger Säit präsent ass awer meeschtens net gebraucht gëtt fir d'Säit ze lueden. Wann e Besucher eng Websäit opmaacht, muss de Browser typesch all extern Stylesheets op der besichter Säit eroflueden, analyséieren a veraarbecht ier en de Säitinhalt dem Besucher kann weisen. Wann all CSS op esou enger Säit existéiert déi net op der Säit benotzt gëtt, verschwendt de Browser seng Zäit drop.

E klassescht Beispill vun dësem ass déi meescht Kontaktform Plugins déi benotzt ginn. Dës Plugins ginn awer meeschtens nëmmen op der Kontaktéiert eis Säit benotzt, lued seng CSS op der ganzer Websäit. Et ass egal ob et d'Homepage ass wou se net benotzt gëtt, d'CSS lued.

Wann et ze vill CSS sinn déi net gebraucht ginn, awer d'Zäit vum Browser lueden a verlangsamen fir eng Säit ze liesen an ze weisen, kann et e Problem ginn.

Nieft Plugins schreiwen Theme Entwéckler vill Saachen an de style.css déi meeschtens net gebraucht gëtt. Awer ob et néideg ass oder net, si lueden ëmmer wann Äre Site gelueden ass!

Een onbenotzten CSS ass vläicht kee Problem, awer vill onbenotzt CSS kann d'Laaschtzäit vun Ärer Websäit beaflossen.

Ofmellen: Top 10 schnellsten a bescht WordPress Themen 

Wéi onbenotzt CSS z'identifizéieren

Onbenotzt CSS an JS ze fannen ass eng ganz einfach Saach ze maachen. Et ginn zwou Approche déi ech recommandéieren.

Een ass Är Websäit duerch Google PageSpeed ​​​​Insight ze analyséieren. Kontrolléiert ob Är Websäit e ewechhuelen onbenotzt CSS Thema huet. Klickt op et an Dir wäert fäeg sinn de Komponent vun Ärem Site ze identifizéieren, déi dofir verantwortlech ass.

Dir kënnt vun uewen gesinn datt et ee Fall vun onbenotzten CSS opgeholl gëtt. Ech sinn fäeg de Plugin an de Standort vun der onbenotzten CSS ze gesinn andeems Dir dëst kuckt.

Déi zweet Optioun ass eng méi detailléiert Analyse ze kréien. Dir kënnt dëst erreechen andeems Dir Chrome Dev Tools benotzt.

Op Ärem Chrome Browser, öffnen Chrome Dev Tools a gitt op d'Ofdeckung. Da klickt op de Reload Knäppchen am Ofdeckungsberäich. Dir kënnt eng fannen iwwergräifend Guide iwwer wéi dëst am Google Entwéckler Tool ze maachen.

Déi aner Optioun ass ze benotzen jitbit fir onbenotzt CSS Selektor ze scannen. Dir kënnt och benotzen PurifyCSS fir onbenotzt CSS ze fannen

Wéi läschen onbenotzt CSS

Follegt dës Schrëtt fir onbenotzt CSS vu WordPress ze läschen:

1. Installéiert Asset CleanUp

Gitt op de Plugin a füügt nei. Da gitt Dir "Asset CleanUp" an d'Sichbox vun der Add new Plugin Säit. Installéiert an aktivéiert de Plugin.

2. Gitt op Plugin-Astellungen

Fir Zougang zu Plugin-Astellungen, vum WordPress Dasboard klickt op Astellungen a klickt dann op Asset CleanUp.

3. Entlooss ongewollt CSS an JS

Op de Plugin-Astellunge musst Dir vläicht akzeptéieren datt Dir wësst wéi de Plugin ënner dem Strippende Fettkraaft funktionnéiert ier Dir ufänkt.

Fir CSS an JS z'entloossen, klickt op CSS an JSS Manager. Vun do aus kënnt Dir all CSS an JS ewechhuelen déi Dir net braucht. Dir kënnt et fir nëmmen d'Homepage ewechhuelen, fir de ganze Site oder fir eng spezifesch URL. Dir kënnt och fir Posts, Säiten oder Kategorien ewechhuelen.

E Beispill ass fir all Kontaktformular aus der Luede fir de ganze Site ze lueden ausser d'Kontakt eis Säit

Huelt Är Zäit an entlooss all CSS an JS déi Dir wësst net gebraucht ginn. Vergewëssert Iech datt Dir Äre Site testt nodeems Dir fäerdeg sidd fir sécherzestellen datt alles gutt ass.

Ewechzehuelen onbenotzt CSS WordPress Plugins

Hei sinn e puer Plugins déi Dir benotze kënnt fir onbenotzt CSS an WordpPress ze läschen:

1. Asset CleanUp: Säit Speed ​​Booster

Asset CleanUp: Page Speed ​​Booster mécht et einfach onbenotzt CSS an JSin WordPress ze läschen och fir Ufänger. Alles wat Dir maache musst ass e bestëmmten CSS desaktivéieren deen net fir eng bestëmmte Säit gebraucht gëtt.

Dir kënnt och fir eenzel Posts eleng deaktivéieren. Mat der Premium Versioun kënnt Dir onbenotzt CSS / JS duerch Plugins deaktivéieren.

Dëse Plugin ass e komplette Performance Plugin mat villen aneren Optiounen fir WordPress ze beschleunegen. Onbenotzt CSS / JS ewechhuelen ass just en Deel dovun.

An dësem Post benotzt ech dëse Plugin huet e Guide.

2. WP Rakéit

WP Rocket ass den Nummer eent WordPress Premium Performance Plugin. Wann Dir en Noob sidd, mengen ech, wann Dir net erlieft oder bequem sidd mat WordPress, dann ass WP Rocket deen einfachste Wee fir onbenotzt CSS ze läschen.

Dir musst de Plugin kafen, wann Dir dat gemaach hutt, kënnt Dir et vun Ärem Kont eroflueden oder Är E-Mail fir en Downloadlink iwwerpréiwen.

Installéiert de Plugin iwwer Dashboard> Plugins> Neie addéieren> Eroplueden.

Gitt einfach op d'WP Rocket Astellungen a klickt dann op de Tab "File Optimization". Da scrollt erof an Dir gesitt "Onbenotzt CSS läschen", markéiert d'Këscht, späichert a läscht Cache.

3. Perfmatters

Perfmatters ass e Premium Plugin entwéckelt vum Brian Jackson a sengem Brudder, Brett Jackson. Dëse Plugin kann hëllefen, onbenotzt CSS ganz einfach ze läschen.

Als éischt musst Dir de Plugin kafen. Dann installéieren. Aktivéiert Lizenz. Wann Dir op Astellungen navigéiert, schalt de Skriptmanager un.

Gitt einfach op all Säit oder Post op Ärer Websäit, Dir gesitt d'Skriptmanager Ikon am Dashboardmenü, klickt op. Dir wäert fäeg sinn onbenotzt CSS an JS vun der Säit oder global ze läschen.

Dëse Plugin ass e Performance Plugin, kënnt mat villen anere Méiglechkeeten fir WordPress ze beschleunegen. Ewechzehuelen onbenotzt CSS / JS ass en Deel dovun.

4. CSS JS Manager

CSS JS Manager kann speziell CSS oder JS vu Mobile oder Desktop ewechhuelen. Je wat Dir wëllt erreechen.

Dëse Plugin kann och d'Luede vun CSS oder JS Dateien ofsetzen.

Conclusioun

Wann Dir vill onbenotzt CSS an JS hutt, mierkt Dir eng grouss Verbesserung vun der Geschwindegkeet an der Leeschtungsscore.

Et kann onméiglech sinn all onbenotzt CSS ze läschen, awer Dir kënnt se op e Minimum bréngen. Ech benotzen Asset CleanUp fir onbenotzt CSS ze läschen fir TargetTrend.

Denkt drun, optiméiert awer sidd net ze obsesséiert domat, ausser Dir wëllt datt Äre Site ausgesäit déi schnellsten Websäit vun der Welt.

Och liesen:

Wéi eliminéiert Render-blocking Ressourcen a WordPress

Wéi WordPress ganz séier ze maachen

Wéi Dir Traffic op Äre Blog féiert