[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p ! viktigt; gräns-botten-bredd: 0px! viktigt; padding-botten: 0px! viktigt;} "] [vc_column_text]

Divi: det enklaste WordPress-temat att använda

[/vc_column_text][/vc_column][vc_column width="1/4"][vcex_button url="https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target="blank" size="small" align="center" color="green" font_family="Raleway" font_weight="600" style="flat" custom_color="#ffffff" custom_hover_color="#ffffff"] LADDA NER [/vcex_button][/ vc_column][/vc_row]

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

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 PageSpeed-verktyget. Om det fortfarande finns skript som blockerar återgivning av sidor, måste du gå tillbaka till inställningssidan för plugin-program och klicka på knappen “Visa avancerade inställningar” högst upp.

Optimera plugininställningarna automatiskt

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

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å Spara ändringar och Töm cache för att spara dina ändringar och rensa plugin-cachen.

När du är klar, fortsätt och kolla 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

Den här metoden 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.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

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 här är allt för denna tutorial, jag hoppas att det kommer att hjälpa dig att förbättra prestandan på din WordPress-blogg.

23 aktier
del18
tweet1
Enregistrer4