Vill du eliminera filer (CSS & JS) som blockerar inläsning av sidor på WordPress? Om du testar din webbplats på Google Insights PageSpeed ​​kommer du förmodligen att se ett förslag att eliminera skript som blockerar sidor från att laddas. I den här handledningen visar vi dig hur du fixar dessa filer som blockerar inläsning av dina sidor för att förbättra din Google PageSpeed-poäng.

Hur man korrigerar rendering av wordpress-sidor

Vad blockerar laddningen av sidor?

Varje WordPress-webbplats har ett tema och plugins som lägger till JavaScript- och CSS-filer i slutet och innan sidan syns i webbläsaren. Dessa skript kan öka laddningstiden för din webbplats sida, och de kan också blockera rendering av sidan.

En användares webbläsare måste ladda skript och CSS innan sidinnehåll laddas. Detta innebär att användare på en långsammare anslutning måste vänta några millisekunder till för att se sidan.

Webbplatsägare som försöker uppnå en bra Google PageSpeed-poäng måste lösa problemet.

1 - Hur du korrigerar sidåtergivning med Autoptimera

Denna metod är enklare och rekommenderas för de flesta användare.

Det första du behöver göra är att installera och aktivera plugin " Autoptimize ". För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.

När du har aktiverat plugin måste du besöka " Inställningar> Autoptimera För att konfigurera insticksinställningarna.

Autoptimiserar inställningar för wordpress-inställningar

Du kan börja med att markera kryssrutan JavaScript och CSS och sedan klicka på knappen "Spara ändringar".

Du kan nu testa din webbplats med hjälp av verktyget PageSpeed. Om det fortfarande finns skript som blockerar sidrendering, måste du gå tillbaka till sidan för plugininställningar och klicka på knappen "Visa avancerade inställningar" högst upp.

Optimera plugininställningarna automatiskt

Här kan du tillåta plugin-programmet att inkludera JS inline och ta bort skript som är uteslutna som standard som "seal.js" eller "jquery.js".

Bläddra sedan ner till CSS-alternativet och låt plugin-programmet kombinera alla CSS-filer.

Klicka på knappen "Spara ändringar och töm cache" för att spara dina ändringar och rensa cachen plugin.

När du är klar, gå vidare och kontrollera din webbplats igen med PageSpeed-verktyget.

Se till att du testar din webbplats noggrant för att se att allt fungerar bra efter att du har optimerat dina JavaScripts eller CSS-filer.

2 - Fixa filåtergivning med W3 Total Cache

Denna metod kräver lite mer arbete och rekommenderas för de som redan har W3 Total Cache på sin webbplats.

Först måste du installera och aktivera W3 Total Cache-plugin. Om du behöver hjälp, Se vår kompletta guide W3 Total Cache.

Då måste du besöka "Prestanda> Allmänna inställningar" och bläddra ner till avsnittet "minifiera".

Minifiering wordpress plugin w3 totalt cache

Först och främst måste du markera rutan "Aktivera" och sedan välja "Manuell" för alternativet för minifieringsläge.

Klicka på knappen Spara alla inställningar För att spara dina inställningar.

Då måste du lägga till skript och CSS som du vill krympa.

Du kan få webbadresserna till alla skript och formatmallar som måste kombineras enligt Google PageSpeed ​​Insights.

Under förslagen där det står " Eliminera render-blockerande JavaScript och CSS ", Klicka på" Visa hur man löser ". Det visar dig listan över skript och stilark.

Flytta musen över ett skript så visas hela webbadressen. Du kan välja denna URL och sedan använda CTRL + C på tangentbordet (Command + C på Mac) för att kopiera URL: en.

Gå nu till ditt WordPress-administratörskort och gå till " prestanda > Minifier ".

Först måste du lägga till JavaScript-filer som du vill komprimera. Bläddra ner till JS-sektionen och sedan under uppsättningen "operationer i zoner" av typen inbäddad till "blockera inte med" async "" för avsnittet .

Läser in filer w3 total cachefilkomprimering

Då måste du klicka på knappen Lägg Script Börja sedan lägga till skriptadresser som du kopierade från Google PageSpeed-verktyget.

När du är klar bläddrar du ner till CSS-avsnittet och klickar på knappen "Lägg till stilark". Börja nu med att lägga till webbadresser för formatmallar du kopierade med Google PageSpeed-verktyget.

Total cache css w3-filkomprimering

Klicka nu på knappen Spara inställningar och rensa cache För att lagra dina inställningar.

Besök Google PageSpeed-verktyget och testa din webbplats igen.

Se till att du också testar din webbplats noggrant för att se att allt fungerar bra.

Det är allt för denna handledning, jag hoppas att den kommer att tillåta dig att förbättra prestandan för din Wordpress blogg.