Sådan fjerner du ubrugt CSS og JS i WordPress (meget nemt)

At have en masse ubrugte CSS og JS på din hjemmeside kan skade din hjemmesides indlæsningstid. Hvis du kører din hjemmeside gennem en hastighedstestværktøjer som Google PageSpeed ​​Insight, kan du få en advarsel om at fjerne ubrugt CSS.

Heldigvis er der en meget nem måde at gøre det på. Du behøver ikke at have nogen speciel teknisk viden for at kunne fjerne ubrugte CSS og JS fra din WordPress side.

Dette er på grund af et fantastisk plugin kendt som Asset CleanUp: Page Speed ​​Booster. Med dette plugin er det lige så nemt at fjerne ubrugt CSS som at klikke på et par knapper. Alternativt, hvis du ikke har noget imod at bruge et par kroner om året, med WP Rocket, der er en fjernet ubrugt CSS-knap, bare aktiver den og plugin'et vil automatisk fjerne al ubrugt CSS.

Checkout: Top 7 administrerede Google Cloud WordPress-hosting

Hvad er ubrugt CSS?

Ubrugt CSS er en CSS-fil, der findes på en side, men som for det meste ikke er nødvendig for, at siden kan indlæses. Når en besøgende åbner et websted, skal browseren typisk downloade, analysere og behandle alle eksterne stylesheets på den besøgte side, før den kan vise sidens indhold til den besøgende. Hvis der findes en CSS på en sådan side, som ikke bruges på siden, vil browseren spilde sin tid på den.

Et klassisk eksempel på dette er de fleste kontaktformplugins, der bruges. Selvom disse plugins for det meste kun bruges på Kontakt os-siden, indlæses dets CSS på hele webstedet. Det er lige meget, om det er hjemmesiden, hvor den ikke bruges, CSS'en indlæses.

Hvis der er for mange CSS, der ikke er nødvendige, men som indlæser og forsinker browserens tid til at læse og vise en side, kan det blive et problem.

Udover plugins skriver temaudviklere en masse ting ind i style.css, som for det meste ikke er nødvendige. Men uanset om det er nødvendigt eller ej, indlæses de hver gang dit websted indlæses!

Én ubrugt CSS er muligvis ikke et problem, men en masse ubrugt CSS kan påvirke indlæsningstiden på dit websted.

Checkout: Top 10 hurtigste og bedste WordPress-temaer 

Sådan identificeres ubrugt CSS

At finde ubrugte CSS og JS er en meget nem ting at gøre. Der er to tilgange, som jeg vil anbefale.

Den ene er at analysere din hjemmeside gennem Google PageSpeed ​​Insight. Tjek, om dit websted har et problem med fjern ubrugt CSS. Klik på det, og du vil være i stand til at identificere den komponent på dit websted, der er ansvarlig for det.

Du kan se ovenfra, at der er registreret et tilfælde af ubrugt CSS. Jeg er i stand til at se plugin og placering af den ubrugte CSS ved at se på dette.

Den anden mulighed er at få en mere detaljeret analyse. Du kan opnå dette ved at bruge Chrome Dev-værktøjer.

I din Chrome-browser skal du åbne Chrome Dev-værktøjer og derefter gå til dækning. Klik derefter på genindlæs-knappen inde i dækningsområdet. Du kan finde en omfattende guide til, hvordan du gør dette ved Google Developers-værktøjet.

Den anden mulighed er at bruge jitbit til at scanne for ubrugte CSS-vælgere. Du kan også bruge RensCSS for at finde ubrugt CSS

Sådan fjerner du ubrugt CSS

Følg disse trin for at fjerne ubrugt CSS fra WordPress:

1. Installer Asset CleanUp

Gå til plugin og derefter Tilføj nyt. Derefter skriver du "Asset CleanUp" i søgefeltet på siden Tilføj nyt plugin. Installer og aktiver plugin'et.

2. Gå til plugin-indstillinger

For at få adgang til plugin-indstillinger skal du fra WordPress dashboard klikke på indstillinger og derefter klikke på Asset CleanUp.

3. Aflæs uønsket CSS og JS

På plugin-indstillingerne skal du muligvis acceptere, at du ved, hvordan plugin'et fungerer under den fjerne fedthane, før du begynder.

For at fjerne CSS og JS skal du klikke på CSS og JSS manager. Derfra kan du fjerne enhver CSS og JS, som du ikke har brug for. Du kan fjerne det for kun startsiden, for hele webstedet eller for en bestemt URL. Du kan også fjerne for indlæg, sider eller kategorier.

Et eksempel er at fjerne enhver kontaktformular fra indlæsning for hele webstedet undtagen kontakt os-siden

Tag dig god tid og aflæs alle CSS og JS, som du ved ikke er nødvendige. Sørg for, at du tester dit websted, når du er færdig, for at sikre, at alt er i orden.

Fjern ubrugte CSS WordPress-plugins

Her er nogle plugins, du kan bruge til at fjerne ubrugt CSS i WordpPress:

1. Asset CleanUp: Page Speed ​​Booster

Asset CleanUp: Page Speed ​​Booster gør det nemt at fjerne ubrugt CSS og JSin WordPress selv for begyndere. Alt du skal gøre er at deaktivere en bestemt CSS, som ikke er nødvendig for en bestemt side.

Du kan også deaktivere for individuelle indlæg alene. Med premium-versionen kan du deaktivere ubrugte CSS/JS ved hjælp af plugins.

Dette plugin er et komplet ydeevne plugin med mange andre muligheder for at fremskynde WordPress. Fjernelse af ubrugt CSS/JS er blot en del af det.

I dette indlæg brugte jeg dette plugin har en guide.

2. WP Rocket

WP Rocket er WordPress premium performance plugin nummer et. Hvis du er en noob, mener jeg, hvis du ikke er erfaren eller fortrolig med WordPress, så er WP Rocket den nemmeste måde at fjerne ubrugt CSS for.

Du skal købe pluginnet, når du har gjort det, kan du downloade det fra din konto eller tjekke din e-mail for et downloadlink.

Installer pluginnet via Dashboard>plugins>Tilføj ny>Upload.

Bare naviger til WP Rocket-indstillinger og klik derefter på fanen "Filoptimering". Rul derefter ned, og du vil se "Fjern ubrugt CSS", sæt kryds i boksen, gem og ryd cache.

3. Perfmatters

Perfmatters er et premium plugin udviklet af Brian Jackson og hans bror, Brett Jackson. Dette plugin kan hjælpe med at fjerne ubrugt CSS meget nemt.

Først skal du købe plugin'et. Installer det derefter. Aktiver licens. Når du navigerer til indstillinger, skal du aktivere scripthåndtering.

Bare gå til en hvilken som helst side eller post på dit websted, du vil se script manager-ikonet på dashboard-menuen, klik på det. Du vil være i stand til at fjerne ubrugte CSS og JS fra siden eller globalt.

Dette plugin er et ydeevne plugin, kommer med mange andre muligheder for at fremskynde WordPress. Fjernelse af ubrugt CSS/JS er en del af det.

4. CSS JS Manager

CSS JS Manager kan specifikt fjerne CSS eller JS fra mobil eller desktop. Alt efter hvad du vil opnå.

Dette plugin kan også udskyde indlæsningen af ​​CSS- eller JS-filer.

Konklusion

Hvis du har en masse ubrugte CSS og JS, vil du bemærke en stor forbedring i hastighed og præstationsscore.

Det kan være umuligt at fjerne al ubrugt CSS, men du kan bringe dem til et minimum. Jeg gør brug af Asset CleanUp til at fjerne ubrugt CSS for TargetTrend.

Husk, optimer, men vær ikke for besat af det, medmindre du vil have dit websted til at se ud den hurtigste hjemmeside i verden.

Læs også:

Sådan fjerner du gengivelsesblokerende ressourcer i WordPress

Sådan laver du WordPress meget hurtigt

Sådan får du trafik til din blog