Att stöta på problem med render-blocking JavaScript och CSS på din WordPress-webbplats kan vara frustrerande. Dessa problem kan sakta ner din webbplats och påverka dess prestanda. En långsam webbplats kan skrämma bort besökare och påverka dina sökmotorrankningar.
När du kontrollerar din webbplats på Google PageSpeed Insights kan du se ett förslag om att eliminera dessa renderblockerande resurser. Tyvärr ger verktyget inga tydliga instruktioner om hur man åtgärdar detta problem i WordPress.
Den goda nyheten är att det finns verktyg som kan göra det mindre komplicerat att fixa render-blocking JavaScript och CSS än vad det verkar. Du kan använda ett cache-plugin som WP Rocket eller Autoptimize för att optimera din webbplats genom att minifiera och skjuta upp skript, vilket minskar laddningstiderna och förbättrar PageSpeed-poängen.
I den här artikeln guidar vi dig genom stegen för att lösa dessa problem på din WordPress-webbplats.
Vad är renderblockerande JavaScript och CSS?
Renderblockerande JavaScript och CSS är filer som förhindrar en webbplats från att visa en webbsida innan dessa filer har laddats.
Varje WordPress-webbplats har ett tema och plugins som lägger till JavaScript och CSS-filer till din webbplats front-end.
Dessa skript kan öka din webbplats laddningstid, och de kan också blockera renderingen av sidan.
En användares webbläsare måste ladda dessa skript och CSS innan resten av HTML på sidan laddas. Detta innebär att användare med en långsammare anslutning måste vänta några millisekunder extra för att se sidan.
Dessa skript och stilmallar refereras till som renderblockerande JavaScript och CSS.
Ägare av WordPress-webbplatser som försöker uppnå en Google PageSpeed-poäng på 100 måste åtgärda detta problem för att uppnå den perfekta poängen.
Vad är en Google PageSpeed-poäng?
Google PageSpeed Insights är ett webbplatshastighetstestverktyg skapat av Google för att hjälpa webbplatsägare att optimera och testa sina webbplatser. Detta verktyg testar din webbplats mot Googles hastighetsriktlinjer och erbjuder förslag för att förbättra din sidladdningstid.
Den visar dig en poäng baserad på antalet granskningar som din webbplats klarar.
De flesta webbplatser får någonstans mellan 50-70. Vissa webbplatsägare känner sig dock tvingade att uppnå 100 (det högsta en sida kan poängsättas).
Behöver du verkligen den perfekta "100" Google PageSpeed-poängen?
Syftet med Google PageSpeed Insights är att ge dig riktlinjer för att förbättra din webbplats hastighet och prestanda. Med det sagt är du inte skyldig att följa dessa regler strikt.
Kom ihåg att hastighet bara är en av de många webbplatsens sökmotoroptimeringsmått (SEO) som hjälper Google att avgöra hur din webbplats ska rankas. Hastighet är så viktig eftersom den förbättrar användarupplevelsen på din webbplats.
En bättre användarupplevelse kräver mycket mer än bara hastighet. Du måste också erbjuda användbar information, ett bättre användargränssnitt och engagerande innehåll med text, bilder och videor.
Då bör ditt mål vara att skapa en snabb webbplats som erbjuder en bra användarupplevelse.
Vi rekommenderar att du använder Google PageSpeed-regler som förslag. Om du enkelt kan implementera dem utan att förstöra användarupplevelsen är det bra. Annars bör du försöka göra så mycket du kan och sedan inte oroa dig för resten.
Med det i åtanke kommer vi att titta på vad du kan göra för att åtgärda render-blocking JavaScript och CSS i WordPress. Vi kommer att täcka 2 metoder som eliminerar render-blocking resurser i WordPress. Du kan välja den som fungerar bäst för din webbplats:
- Metod 1: Åtgärda renderblockerande skript och CSS med WP Rocket
- Metod 2: Fixa render-blocking skript och CSS med Autoptimize
- Vad du ska göra om renderblockerande JavaScript och CSS fortfarande finns kvar
Låt oss dyka in och få din webbplats att fungera smidigt!
Metod 1: Åtgärda renderblockerande skript och CSS med WP Rocket
För den här metoden kommer vi att använda pluginet WP Rocket.
Det är det bästa WordPress cache- och optimeringspluginet på marknaden, och det låter dig snabbt förbättra din webbplats prestanda utan några tekniska kunskaper eller komplicerad installation.
Först måste du installera och aktivera pluginet WP Rocket. För mer detaljer kan du se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
WP Rocket fungerar direkt: det kommer att aktivera cachning med optimala inställningar för din webbplats. Du kan lära dig mer om det i vår kompletta guide om hur du korrekt installerar och konfigurerar WP Rocket i WordPress.
Som standard aktiveras inte alternativen för JavaScript- och CSS-optimering. Dessa optimeringar kan potentiellt påverka din webbplats utseende eller vissa funktioner, vilket är anledningen till att pluginet låter dig aktivera dessa inställningar som tillval.
För att göra det behöver du besöka sidan Inställningar » WP Rocket och växla till fliken 'Filoptimering'.
Härifrån rullar du helt enkelt till avsnittet 'CSS-filer' och markerar kryssrutorna bredvid 'Minify CSS', 'Combine CSS Files' och 'Optimize CSS Delivery'.
För inställningen ‘Optimera CSS-leverans’ rekommenderar WP Rocket att du väljer metoden ‘Ta bort oanvänd CSS‘.
Förutom att erbjuda bästa prestanda kan det hjälpa till att minska sidstorlek och HTTP-förfrågningar.
Notera: WP Rocket-cache-pluginet kommer att försöka minifiera alla dina CSS-filer, kombinera dem och endast ladda den CSS som behövs för den synliga delen av din webbplats.
Detta kan påverka din webbplats utseende, så du måste testa din webbplats noggrant på flera enheter och skärmstorlekar.
Därefter behöver du rulla till avsnittet 'JavaScript-filer'.
Härifrån kan du kontrollera alla alternativ för maximal prestandaförbättring.
Du kan minifiera och kombinera JavaScript-filer som du gjorde för CSS.
Du kan också hindra WordPress från att ladda jQuery Migrate-filen. Detta skript laddas för att ge kompatibilitet för plugins och teman som använder gamla versioner av jQuery.
De flesta webbplatser behöver inte den här filen, men du vill ändå kontrollera din webbplats för att säkerställa att borttagning av den inte påverkar ditt tema eller dina plugins.
Låt oss sedan skrolla ner lite till och kryssa i rutorna bredvid alternativen ‘Ladda JavaScript fördröjt’ och ‘Säkert läge för jQuery’.
Dessa alternativ fördröjer laddningen av icke-väsentliga JavaScript, och jQuery-säkert läge låter dig ladda jQuery för teman som kan använda det inline. Du kan lämna detta alternativ omarkerat om du är säker på att ditt tema inte använder inline jQuery någonstans.
Glöm inte att klicka på knappen 'Spara ändringar' för att spara dina inställningar.
Därefter kanske du också vill rensa cachen i WP Rocket innan du testar din webbplats igen med Google PageSpeed Insights.
På vår testsida kunde vi uppnå en poäng på 100 % på stationära enheter, och renderblockeringsproblemet löstes i både mobil- och stationära poäng.
Metod 2: Fixa render-blocking skript och CSS med Autoptimize
För den här metoden kommer vi att använda ett separat plugin som är specifikt gjort för att förbättra leveransen av din webbplats CSS- och JS-filer. Även om detta plugin får jobbet gjort, har det inte de andra kraftfulla funktionerna som WP Rocket har.
Det första du behöver göra är att installera och aktivera Autoptimize, ett gratis plugin för att snabba upp webbplatsens prestanda. Om du behöver hjälp, se gärna vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Vid aktivering måste du gå till Inställningar » Autoptimize för att konfigurera pluginets inställningar.
Först, låt oss markera rutan bredvid 'Optimera JavaScript-kod' under blocket 'JavaScript-alternativ'. Här måste du se till att alternativet 'Aggregera JS-filer' är avmarkerat.
Därefter vill du skrolla ner till rutan 'CSS-alternativ' och markera alternativet 'Optimera CSS-kod'.
Se bara till att alternativet ‘Aggregera CSS-filer’ är avmarkerat.
Du kan nu klicka på knappen ‘Spara ändringar och töm cache’ för att spara dina inställningar.
Testa din webbplats med verktyget PageSpeed Insights. Med dessa grundläggande inställningar har vi framgångsrikt åtgärdat problemet med renderblockering på vår demosida.
Om det fortfarande finns renderblockerande skript, kan du gå tillbaka till pluginets inställningssida och granska inställningarna under både JavaScript- och CSS-alternativen.
Till exempel kan du tillåta pluginet att inkludera inline JS och ta bort skript som är undantagna som standard, som seal.js eller jquery.js. Klicka sedan helt enkelt på knappen ‘Spara ändringar och töm cache’ för att spara dina ändringar och tömma pluginets cache.
När du är klar, fortsätt och kontrollera din webbplats igen med PageSpeed Insights-verktyget.
Hur fungerar Autoptimize?
Autoptimize aggregerar all inblandad JavaScript och CSS. Därefter skapar den minifierade CSS- och JavaScript-filer och levererar cachade kopior till din webbplats som asynkron eller fördröjd.
Detta gör att du kan åtgärda problemet med render-blockerande skript och stilar. Tänk dock på att det också kan påverka din webbplats prestanda eller utseende.
Vad du ska göra om renderblockerande JavaScript och CSS fortfarande finns kvar
Beroende på hur plugins och ditt WordPress-tema använder JavaScript och CSS kan det vara svårt att helt åtgärda alla problem med renderblockerande JavaScript och CSS.
Även om ovanstående verktyg kan hjälpa, kan dina plugins behöva vissa skript för att fungera korrekt på en annan prioritetsnivå. I så fall kan ovanstående lösningar bryta funktionaliteten hos sådana plugins eller få dem att bete sig oväntat.
Istället för att helt eliminera problem med renderblockering, rekommenderar vi att du använder alternativa metoder för att snabba upp din webbplats. Du kan till exempel använda en CDN-tjänst för att leverera dina statiska JavaScript- och CSS-filer och minska laddningstiden.
Du kan läsa vår ultimata guide för att öka WordPress hastighet och prestanda för mer information.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du åtgärdar renderblockerande JavaScript och CSS i WordPress. Du kanske också vill se vår artikel om hur man enkelt åtgärdar felet "Den här webbplatsen kan inte nås" och vår expertlista över de vanligaste WordPress-felen och hur man åtgärdar dem.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Jiří Vaněk
Jag använder autoptimize och även wp-rocket. Det hjälpte mig enormt. Det är dock nödvändigt att vara mycket försiktig med vissa ändringar. En inställning och hela webbplatsen kan omedelbart sluta fungera korrekt.
Amina
Hej, din webbplats och dina tips har verkligen varit till hjälp. Tack wpbeginner!
Min AMP säger att anpassad JavaScript-skript inte är tillåtet. Jag har försökt använda och följt dina instruktioner för autoptimize men det löste inte problemet. AMP visar att felet är i rad 12:10 och 18:2.
WPBeginner Support
Glad att vår artikel var till hjälp, för AMP-specifika frågor som den skulle vi rekommendera att du kontaktar AMP:s support och de bör kunna hjälpa dig.
Admin
Fahad Khan
Hej,
Finns det något annat sätt att få detta gjort förutom wp rocket och autopitmize?
WPBeginner Support
Det finns troligen andra verktyg men dessa är de nuvarande som vi rekommenderar för nybörjare.
Admin
Rizz
För W3 Total cache-användare
Lägg inte till jquery Script (/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp) Det kommer att fungera annars kommer din webbplats inte att laddas ordentligt.
Css kommer inte att ge några fel
Om Revolution Slider visar ett fel efter det –> gå till revslider globala inställningar och slå på "Insert scripts in footer".
WPBeginner Support
Tack för att du delar med dig av några rekommendationer som du har hittat genom att redigera din webbplats.
Admin
Muhammad Farhan
Jag minns inte när jag någonsin har hamnat i en svår situation, du finns alltid där för att hjälpa mig när ingen annan finns runt omkring, jag känner inte till någon bättre webbplats för WordPress-guider än wpbeginners, tack så mycket
WPBeginner Support
Glad our guides continue to be helpful to you
Admin
Lu
Bra information som alltid!
Jag använder Siteground så jag har SG Optimizer på min webbplats. Jag har gått igenom inställningarna så gott jag förstår, men får fortfarande eliminera renderblockerande resurser.
Kan jag använda Autoptimize också, eller kommer det att krocka med SG? Tack
WPBeginner Support
You should be able to use Autoptimize with SG Optimizer but if you have any concerns if you reach out to the plugin’s support they should be able to let you know if there are currently any conflicts between the two
Admin
subin
hur kan jag fixa renderblockerande JavaScript och CSS i WordPress utan ett plugin.
WPBeginner Support
Du skulle behöva gå igenom koden manuellt och ställa in CSS- och JS-filerna så att de laddas efter att innehållet har lagts till på sidan.
Admin
Ben
Tack för detta! Autoptimize hjälpte mig precis att få ett bättre sidresultat!
Ben
WPBeginner Support
You’re welcome, glad our recommendation could help
Admin
MoneyManch
Hej WP Beginner-teamet,
Tack så mycket för att du delade med dig av en så användbar artikel. Autoptimize är ett fantastiskt plugin.
Jag letade efter ett plugin för att öka hastigheten på min wp-blogg. Efter att ha läst det här inlägget installerade och aktiverade jag "Autoptimize" på min blogg. Och till min förvåning ökade det hastigheten på min blogg från 39 till 61 för mobil och 76 till 95 för stationär dator, kontrollerat på PageSpeed Insights.
Tack än en gång för att du guidar nya bloggare som jag.
WPBeginner Support
Glad our recommendation could be helpful
Admin
sachin
Hur identifierar man skript-URL och CSS-URL?
WPBeginner Support
Om du använder Google Page Insights finns det en nedåtpil som visar dig URL:erna som orsakar problemet med en länk för mer information om hur du hittar URL:en utan deras verktyg.
Admin
Raksh
Den nya Google Page Speed Insights visar inte länken, vad ska jag göra.
WPBeginner Support
There should be a dropdown arrow and when you click that it should show the links to the files
Admin
Monika
Jag är inte säker på hur många gånger den här webbplatsen har hjälpt mig!!! Tack SÅÅÅ MYCKET!
Herr Jatt Poonam
hur kan jag optimera bilder som jag har lagt till på min webbplats tidigare?
Love Goel
Tack snubben, uppskattar verkligen din handledning. Jag använde Autoptimize Plugin och det fungerade riktigt bra för mig.
Deeksha
När jag använder alla dessa plugins blir min webbplats plötsligt långsam och visar olämpligt innehåll...
Vad kan jag göra?? Snälla hjälp
WPBeginner Support
Hej Deeksha,
Båda plugins är ganska säkra. Om du ser olämpligt innehåll på din webbplats, se då till att din webbplats inte är hackad. Du kan inaktivera båda plugins när som helst.
Admin
sumit kumar gupta
Herr, när vi installerar Autoptimize-pluginet i vår WordPress-blogg så öppnas inte vår blogg, den säger att den här sidan inte fungerar. Vad ska jag göra, herr?
Sir, jag skulle vilja veta när jag lägger till en JavaScript-länk för att eliminera renderblockerande kod enligt dina steg, påverkar det min bloggs ranking. Snälla hjälp.
Tim Helmer
Sumit:
Pluginet fungerar inte så du behöver byta namn på pluginmappen för att stänga av det. Du behöver ftp eller ett filhanteringsplugin. Kan du komma åt instrumentpanelen via din wp-login.php-plats? Som domän/wp-login.php
Henry Ramirez
Jag använder wordpress.com, finns det något plugin som gör samma sak här på wordpress.com eftersom dessa plugins inte stöds här? Tack
ben
Autoptimize fungerar för mig. Det kondenserar mina skript snyggt, men jag ser fortfarande varningen om render-blocking skript.
Ismail
Hej,
För närvarande använder jag WP Rocket, är det möjligt att använda Autoptimize-plugin tillsammans? Tack för att du delar denna värdefulla information.
Gaurav Areng Chakraverti
Hej där. Jag har provat W3-metoden och så fort jag slår på Minify (med Disk) får jag detta:
Fatal error: Unknown: Cannot use output buffering in output buffering display handlers in Unknown on line 0
Hur åtgärdar man det?
Jättebra handledning dock överlag! Tack för detta.
Gaurav Areng Chakraverti
EDIT: This problem goes away when I deactivate Autoptimize, however, so does the rest of the site. Only the bare bones remain with no actual content.
David
Inställningarna för Autoptimize har ändrats. De enda JavaScript-alternativen som finns är Optimise JavaScript Code? Resten av alternativen på din skärmdump finns inte, åtminstone inte på den jag har. Senast jag försökte med W3 Total Cache kunde ingen komma åt webbplatsen. Jag letar fortfarande efter ett sätt att lösa laddningstiden för sidan, som av någon anledning ligger på allt från 10 – 17 sekunder.
Chris
David, prova Gmetrix web speed tool. På resultatlistan finns ett vattenfallschema som visar hur webbplatsen laddas och vilka de största filerna och skripten som saktar ner sidladdningen.
Jag tycker att de långsammaste skripten är Googles CDN-skript som Google Fonts! Samma företag som insisterar, tvingar användare till sina krav har skript som tar en evighet att ladda. Man kan inte tro det.
Divij
Kan du använda minify i w3 total cache samtidigt med cloudflare? Vi använder minify i cloudflare och lämnade det inaktiverat i w3cache. Men vi får fortfarande meddelandet – Eliminera render-blockerande JavaScript och CSS i innehåll ovanför vecket.
Tack!
Rana Jayant
Pluginens 23 cache-gränssnitt har ändrats och det finns inget alternativ där vi kan ange vår .js-URL för optimering.
Jag pratar om "Gå nu till ditt WordPress-adminområde och gå till sidan Prestanda » Minimera.".
MATTY
Bra handledning. Är W3 Total cache dock säker att använda nu på grund av ett problem tidigare i år? Jag har slutat använda den sedan dess men det var den bästa plugin som fanns.
Mohamed
Tack för att du delade den här artikeln, men du sa (tänk på att det också kan påverka prestandan eller utseendet på din webbplats)
Vänligen förtydliga om denna effekt kommer att vara bra eller dålig för webbplatsens Google-ranking?
WPBeginner Support
Hej Mohamed,
En snabbare webbplats är definitivt bra för SEO-rankingen. Men när du åtgärdar problem med renderblockering kan du ändra utseendet på ditt tema eller till och med få en lägre sidhastighetspoäng än tidigare.
Admin
Angie
Ha, roligt.
Jag letade efter hjälp här.
Sedan körde jag Google speed tool för DITT inlägg här.
Google-resultat
mobil Dålig
54 / 100
dator
Behöver arbete
66 / 100
Har du någon aning alls?
WPBeginner Support
Hej Angie,
Ofta strävar folk efter att få ett perfekt 100 med Google PageSpeed vilket är nästan omöjligt för de flesta funktionella webbplatser. Om du har några sociala medieknappar, retargeting-skript eller annonser, kommer din webbplats aldrig att få en perfekt poäng.
Chansen är stor att du kommer att vara långt ifrån det. Men det är därför du har andra verktyg som Pingdom för att verifiera dina hastighetsresultat.
Till exempel: WPBeginner.com:s startsida laddas på 508 ms (vilket är otroligt snabbt) –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot1.png
Men har ett Google Pagespeed-resultat på 74 på datorn (vilket de som inte vet bättre kommer att anse vara dåligt). –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot2.png
Om du tittar på alla populära webbplatser som ESPN, NYTimes, TechCrunch, etc. skulle du märka att ingen av dem har ett perfekt resultat .. faktiskt långt ifrån.
Här är ett exempel på ESPN-poäng – 62 på dator –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot3.png
Här är ett exempel på NYTimes – 68 på dator –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot4.png
Här är ett exempel på TechCrunch – 49 på skrivbordet –
https://www.wpbeginner.com/wp-content/uploads/2017/11/screenshot5.png
Vårt råd är att fokusera på att göra din webbplats så snabb som möjligt genom att följa vår guide om hur man snabbar upp WordPress och använda verktyg som Pingdom som referenspunkt för vad dina användare kommer att se när de laddar din webbplats.
Admin
Kat
Detta har faktiskt gjort min render-blockering värre. Hur tar vi bort den?
Chris Daly
Varje gång jag använder Autoptimize eller W# Total Cache exploderar min webbplats. Mobilvyn på webben blir till en HTML-menylista och delar av webbplatsen slutar fungera. Jag har provat var och en av dessa på 4 olika webbplatser och släppt båda.
Chris
Chris, jag föreslår att du läser och följer W3 Cache-varningen i minifieringsavsnittet. Minifiera endast HTML och CSS, och var återigen försiktig, inte all CSS bör minifieras på grund av de skäl som anges i inlägget ovan.
Jag använder W3 Cache selektivt, tinyjpg för bildoptimering och ställer in OpCache i .htaccess-filen. Templater älskar att använda sliders... men de blåser upp sidan med bilder med en skärmbredd på 1920 pixlar. Slopa sliders, använd mindre bilder (med en modal ruta om mer detaljer krävs) och ikoner istället.
Mary Cahalane
Jag installerade precis och det förstörde min startsida. Alla bilder är borta.
Någon idé hur man fixar detta?
Bruno Ayres Martinez
Hej allihopa! Jag har älskat W3-handledningen. Det saknas bara en information: Inbäddningsplatsen för JS File Management.
Är det "Bädda in före brödtexten"? Eller "Bädda in i sidhuvudet"? Eller "Bädda in efter brödtexten"?
Dev thapa
Jag är ny på att blogga, men jag har följt Wpbeginner.com under ganska lång tid och allt de skriver har jag funnit mycket användbart och tvekar inte att säga att om min bloggsida är live idag... 30% av äran går till Wpbeginner.com-teamet och Sayed Balkhi för att ha skapat en så underbar och användbar webbsida.
Jag är tacksam mot Wpbeginner.
Fortsätt så, all lycka till.
WPBeginner Support
Hej Dev,
Thanks you for the kind words. We are glad you find WPBeginner helpful
Admin
steve
Jag körde precis den här webbplatsen i Google PageSpeed Insights och fick bara 66 för mobil och 77 för dator!?
Digember
Plugins ökar belastningen på vår webbplats vilket gör vår webbplats långsam. På wpbeginner har jag inte sett en enda metod för hastighetsoptimering utan användning av plugins. Lär oss något användbart, dessa metoder fungerar inte för alla.
Patricia Lynn
Bra detaljerad information om hur man använder Autoptimize-plugin för att hantera Java-skript, CSS och pluginet w3 Total Cache för att fixa render-blocking samtidigt som webbplatsens hastighet förbättras.
Sumit yadav
Tack så mycket för denna information. Tidigare var min sidladdningstid 63 och efter att ha installerat Autoptimize-plugin ökade den till 81.
Yoseph
Jag är inte helt säker på vad som hände, jag installerade Autoptimize på en av mina webbplatser, då ökade sidstorleken från 2,8 MB till 4 MB.
Shaye
AJ DÅ! Detta fick min webbplats prestanda att sjunka drastiskt! Hjälp!
Erez Elias
Tack för att du delade med dig.
Sammantaget ökade webbplatsens hastighet mycket lite. Men problemet med render blocking är inte löst.
Kommentera om du har andra förslag.
tack.
almbrouk idris
Jag försöker nå 100% men det är omöjligt
John Bolhano
Jag försöker nå 70+ men är fortfarande inte i närheten.
Mayank
Haha, bra, Google suger men trots allt är jag på 80+
David
Jag fick 3 nya webbplatser att laddas på nästan 500 ms, snabbare än 96% av webbplatserna på Pingdom. Liknande resultat för andra hastighetstestare.
Tänkte att det var bra, tills Google förde mig tillbaka till jorden med sina sidinsikter. Främst lågt betyg för mobil, men jag trodde att dessa moderna teman skulle vara responsiva? Uppenbarligen inte!
Jag komprimerade varje bild till nästan ingenting innan uppladdning också, så det är frustrerande.
Dessutom fungerar ingen av apparna för mig med webbläsarcache, etc.
Jag skulle säga att de tre problem jag har – när grunderna är klara – är:
1. Render blocking Javascript.
2. Webbläsarcache.
3. Bilder fel storlek för mobil.
Muthukrishnan
Jag har använt alla plugins... Men sidhastigheten är fortfarande dålig.
Michael
Jag är lite förvirrad. Jag körde precis ett Google-hastighetstest på wpbeginner och det fick inte alls bra poäng. Vad missar jag?
Yasser
Min webbplats är en RTL-webbplats efter att jag sparat inställningarna för "Autoptimize"-pluginet, min webbplats blev LTR!
Manohar Rao
Både Autoptimize och W3 Total cache plugins har skadat min webbplats. Dessa plugins fungerar bara med vissa teman. Man måste vara mycket försiktig när man använder dessa två plugins.
Toby Forage
När jag installerade Autoptimize, som föreslogs i den här artikeln, förstörde det min webbplats helt. Kanske konfigurerade jag det fel, men efter att ha tagit bort det helt uppnådde jag en Google PageSpeed-poäng på 92 för datorer. Mobil ligger på 67, så jag arbetar på att förbättra det, men jag kommer inte att använda Autoptimize igen, det är säkert!
Nik
Thanks. It works for my blog.
Fued
Hej WP-nybörjare,
Mycket hjälpsam artikel!
Tack!
Bara en slumpmässig fråga?
Kan jag ställa tillbaka den minifierade läget från manuellt till automatiskt och ta bort de minifierade filerna utan skada? Och vad rekommenderar du: manuellt eller automatiskt?
Skål
Mayank
Gör det automatiskt
Nirmal Kumar
Båda dessa metoder fungerade inte. Finns det något annat bättre sätt att göra detta på?
ibraheem Warriach
Hej, jag gillade artikeln men jag får inte alternativet att lägga till skript i W3 Total cache-pluginet, kan du vänligen låta mig veta hur jag får det?
MASI
Tack så mycket för din utmärkta artikel, den har verkligen hjälpt mig.
Jag har bara ett litet problem, jag är förvirrad nu!
Jag har lagt till alla .js och .css manuellt på W3TC, men fortfarande har en .css ett problem på Google Page Checker:
Överväg att åtgärda:
Inget av innehållet ovanför vecket på din sida kunde renderas utan att vänta på att följande resurser skulle laddas. Försök att skjuta upp eller asynkront ladda blockerande resurser, eller infoga de kritiska delarna av dessa resurser direkt i HTML.
Optimera CSS-leveransen av följande:
26952.default.include.c9d602.css finns för närvarande tillgänglig på .css-listan, men jag ser det här felet. Hur kan jag lösa det här problemet?
Christian
Jag ser inte alternativet att "Lägg till en stylesheet", några idéer varför?