En långsam webbplats ger inte bara missnöjda besökare, utan försämrar även din Google-ranking. I den här artikeln kommer vi att visa dig hur du optimerar sidhastigheten på din WordPress-webbplats. Vi kommer främst att fokusera på mindre vanliga tips och tricks som kan användas för att finjustera din WordPress-webbplats när det gäller sidhastighet.

Viktigt: Googles PageSpeed-värden motsvarar inte den faktiska laddningstiden. En WordPress-webbplats kan också laddas snabbt, men ändå inte vara perfekt optimerad (dvs. inte ha perfekta PageSpeed-värden). En perfekt poäng på Google PageSpeed Insights bör därför inte nödvändigtvis vara målet. Istället är det viktigt att prova olika saker och filtrera ut de åtgärder och justeringsskruvar som verkligen har en märkbar inverkan på laddningstiden för din WordPress-webbplats.

Före optimering: Mät hastighet

Innan du börjar optimera din WordPress-sidhastighet bör du veta hur din webbplats för närvarande står när det gäller prestandaoptimering. Fyra värden är avgörande för din granskning:

• First Contentful Paint (FCP) anger hur snabbt de första elementen visas på sidan. Den mäter i princip den upplevda laddningstiden och är särskilt viktig vid optimering.
• Den största innehållsfärgen (LCP) uttrycker hur lång tid det tar för de återstående elementen från huvudinnehållet på en sida att laddas efter den första.
• First Input Delay (FID) mäter hur lång tid det tar innan besökarna faktiskt kan interagera med din webbplats.
• Cumulative Layout Shift (CLS) ska helst alltid vara noll. Värdet står för förskjutningar i layouten som t.ex. leder till att användare klickar på fel knapp.

Till skillnad från Time To First Bite (TTFB) - tiden från den första begäran till serverns svar - är dessa värden användarcentrerade. De är inte uteslutande inriktade på WordPress-prestanda. Det innebär att de i mindre utsträckning bestäms av åtgärder som cachning (på serversidan) och rätt WordPress-värd. Istället är det viktigt att du bygger dina sidor på ett smart sätt. De bör till exempel laddas i rätt ordning - men mer om det senare.

Om du vill mäta hastigheten på din WordPress-webbplats finns det flera onlineverktyg tillgängliga, t.ex:

• Google PageSpeed Insights
• GTmetrix (tecken)
• Lighthouse (tillägg för Google Chrome)
• WebPageTest

Google och GTmetrix erbjuder dig extremt detaljerad WordPress PageSpeed Insights här. Men bara WebPageTest mäter också den upplevda laddningstiden. Vad du bör tänka på när du använder detta något mer komplexa verktyg kan du läsa om i vår artikel WebPageTest: Analysera din webbplats prestanda.

Vad är en bra sidhastighet?

Alla tester är till liten nytta om man inte vet hur man ska klassificera resultaten efteråt. Innan vi kommer till optimeringstipsen kommer vi därför att ge dig svaret på frågan: Vilket sidhastighetsvärde är egentligen bra? Vi tar en snabb titt på Google PageSpeed Insights och GTmetrix.

Viktigt: Om din webbplats även innehåller en blogg eller tidning bör du alltid mäta sidhastigheten för minst en artikel utöver din startsida. Dessutom bör du sätta sidhastigheten i relation till typen av webbplats. Med en enkel blogg är det mycket mer realistiskt att uppnå idealiska PageSpeed-värden än med en genomarbetad webbplats med utökade funktioner.

Google PageSpeed Insights

PageSpeed Insights, som Googles verktyg tillhandahåller, hänvisar mindre till faktiska laddningstider än till graden av optimering. För att testa anger du helt enkelt din URL här (t.ex. din hemsida eller en undersida i tidningen eller bloggen). Google visar då som standard ett testresultat för den mobila versionen av sidan. Du kan dock också ändra detta till en desktop-version.

Resultaten för prestandan är lätta att förstå och färgkodade enligt trafikljussystemet:

• Röd = 0 till 49 poäng = dålig
• Orange = 50-89 poäng = medelhög
• Grön = 90 till 100 poäng = bra

I praktiken är tolkningen dock inte riktigt så enkel. Bland annat är det inte absolut nödvändigt att nå ett värde i det gröna intervallet för att din webbplats ska få fart.

Istället kan du komma ihåg som en tumregel : På mobilen bör du åtminstone ligga i det orange området, allt över ett värde på cirka 70 är redan bra. För desktop kan du definitivt sikta på det gröna området - men du behöver inte heller ha 100 poäng.

GTmetrix (tecken)

GTmetrix är också ett relativt enkelt verktyg, men det mäter huvudsakligen den faktiska laddningstiden för din webbplats. Observera: Du bör registrera dig gratis före mätningen och ändra platsen för mätningen från Vancouver till London.

Alternativt kan du också kontrollera hastigheten på din webbplats med vårt WordPress-hastighetstest. Ange bara din URL så kommer våra WordPress-experter att kontrollera hastigheten på din WordPress-webbplats åt dig. Efter högst 48 timmar får du ett e-postmeddelande med alla detaljer om testet och ditt kompletta GTmetrix-mätresultat med alla relevanta prestandadata (inkl. Core Web Vitals).

Tumregeln här är: Du bör åtminstone uppnå ett B-betyg.

Optimera WordPress sidhastighet: 5 tips

Om du verkligen vill optimera din WordPress Page Speed på ett effektivt sätt bör du se till att dina åtgärder ger resultat på en av dessa fyra centrala parametrar:

• Minska storleken på din webbplats
• Minska antalet HTTP-förfrågningar
• Komprimera datapaket
• Optimera den upplevda laddningstiden

Vårt tips: Du bör alltid koncentrera dig på de "lågt hängande frukterna" först och till exempel aktivera cachelagring (plugin eller serversida), minska HTML, CSS och JavaScript, rensa din WordPress eller optimera dina bilder för WordPress. En snabb WordPress Hosting ser också till att tekniken inte saktar ner dig med alla optimeringar.

Sammantaget finns det många enkla åtgärder som du kan använda för att förkorta laddningstiden för din WordPress Webbplats. Vi har redan sammanfattat grunderna för dig i flera artiklar, och naturligtvis vill vi inte beröva dig dem här:

• Optimera WordPress med de 10 viktigaste justeringsskruvarna
• Gör WordPress snabbare: De bästa tipsen för mer prestanda
• PageSpeed Insights & vikten av webbplatsens hastighet
• Håll käften Google PageSpeed! Åtgärda de viktigaste felmeddelandena

Har du redan justerat alla grunderna? Då kommer vi nu att ge dig ytterligare fem tips och tricks som du kan använda för att finjustera din WordPress-sidhastighet.

#1 Förutse DNS-förfrågningar

De flesta webbplatser innehåller kod från tredje part. Videor tillhandahålls ofta via en separat videohosting (t.ex. via YouTube eller Vimeo). Förmodligen har du också integrerat tjänster som Google Maps eller sociala flöden från Instagram & Co. på din webbplats. Enkelt uttryckt måste alla dessa tjänster laddas från tredjepartsleverantörens externa server via DNS-förfrågningar för att fungera. Detta tar en viss tid och kan leda till att din webbplats laddas långsammare.

Ett sätt att spara tid och optimera sidhastigheten i WordPress är DNS prefetching. Här görs DNS-frågorna på en sida redan i bakgrunden innan användarna faktiskt klickar på motsvarande länk, till exempel en video. På så sätt har DNS-sökningen redan ägt rum och väntetiden för användarna förkortas. Resultatet: en förbättrad användarupplevelse och högre sidhastighet.

Du kan konfigurera DNS-prefetching med ett WordPress-prestandaplugin som Perfmatters eller WP Rocket.

#2 Minska externt innehåll

Det är ännu bättre för din WordPress-sidhastighet om du minskar externt innehåll så mycket som möjligt. Om du stöter på detta felmeddelande är det bäst att tänka över om du verkligen behöver allt som för närvarande är integrerat på din webbplats via externa tjänster.

Om så är fallet kan du också använda lazy loading för att visa en del av innehållet först när webbplatsbesökarna faktiskt scrollar till den plats där det är inbäddat på sidan. Detta är t.ex. möjligt med plugins som a3 Lazy Load.

#3 Optimera dina teckensnitt

Vid första anblicken ser teckensnitt inte ut att vara en stor prestandaslukare, men de kan verkligen skada din sidhastighet. Detta är alltid fallet när de, som Google Fonts, levereras med stora formatmallar som först måste laddas externt eller integreras lokalt.

En lösning är säkra webbteckensnitt eller systemteckensnitt som Arial, Helvetica eller Verdana, som är förinstallerade på alla enheter. De ger den bästa laddningstiden och orsakar inga problem PUL. Om du för närvarande använder två eller flera teckensnitt bör du också överväga om du kan minska dem.

Om du inte vill använda säkra webbteckensnitt bör du lägga till teckensnittsattributet swap. På så sätt kommer din webbplats alltid att ladda ett säkert systemteckensnitt först och växla till ditt faktiska teckensnitt senare. Normalt sker detta så snabbt att webbplatsens besökare inte ens märker förändringen visuellt.

De flesta plugins för prestanda och cachelagring har denna funktion. Du kan dock också infoga den manuellt i CSS-filerna i ditt tema. Sök efter regeln @font-face och lägg till attributet"font-display: swap;".

#4 Prioritera synligt innehåll

Sidhastigheten bestäms inte bara av de nakna siffrorna, utan framför allt av vad användarna upplever: den upplevda laddningstiden. Om du vill optimera din WordPress-sidhastighet bör du koncentrera dig på området "above the fold", dvs. det som är synligt utan att scrolla.

Du bör prioritera synligt innehåll och funktioner som dina besökare har direkt på sin skärm när de öppnar sidan. Det innebär att webbläsaren helst ska få den information den behöver först när en webbplats anropas för att så snabbt som möjligt kunna visa det synliga området.

I praktiken blockerar dock resurser som inte behövs förrän senare ofta renderingen i det synliga området på sidan. För att åtgärda detta och förbättra den upplevda laddningstiden har du flera alternativ:

• Introducera prioritering: Här bestämmer du vad som ska laddas först. Du kan t.ex. prioritera bilder och bara ladda dem när hela innehållet har sökts igenom (lazy loading).
• CSS- und JavaScript-Dateien nach unten verlegen: JavaScript und CSS im Head der Seite können das Rendering im sichtbaren Bereich blockieren. Am besten verlegst du daher alles, was du zum Beispiel an Skripten und CSS-Dateien nicht sofort benötigst, ganz nach unten auf deine Seite vor das abschließende </body>. Falls das nicht geht, kannst du CSS und JavaScript auch asynchron laden lassen.

#5 Inaktivera oanvända WordPress-funktioner

WordPress har som standard vissa funktioner aktiverade som du förmodligen inte behöver. De laddas dock alltid i bakgrunden - och gör din webbplats långsammare. Om du vill höja sidhastigheten till nästa nivå bör du alltid kontrollera om du kan stänga av oanvända funktioner.

Dessa omfattar bland annat

• Pingbacks: Som standard interagerar WordPress med andra webbplatser som tillåter pingbacks och trackbacks. Om du inte behöver den här funktionen bör du inaktivera den.
• Revideringar: WordPress skapar automatiskt revideringar av alla dina inlägg. Detta kan vara användbart, men med tiden skapar det en massa dataavfall som gör din webbplats långsam. Det är bäst att begränsa antalet revideringar.
• Emojis: Sedan version 4.2 är emojis en del av WordPress-kärnan. Skripten laddas därför alltid när någon öppnar sidan - oavsett om de faktiskt används eller inte. Detta kostar värdefull laddningstid.
• Gravatar: Som standard skickar Gravatar förfrågningar till externa servrar i USA för varje kommentar, vilket saktar ner prestandan på din webbplats och är också svårt när det gäller dataskydd.

Även om dessa och liknande funktioner har en minimal inverkan på din laddningshastighet individuellt, kan de i aggregat göra en verklig skillnad. Genom att inaktivera dem minskar du antalet HTTP-förfrågningar och sänker en av de fyra huvudparametrarna för optimering av sidhastigheten i WordPress. De flesta av dessa oanvända WordPress-grundfunktioner kan avaktiveras med några få klick med Perfmatters eller WP-Optimize.

Slutsats: PageSpeed är inte allt

Sammanfattningsvis finns det utöver grunderna - som att aktivera cachning, förlita sig på snabb hosting eller reda ut plugins - också ett antal inställningar som du kan finjustera för att öka hastigheten på din WordPress-sida.

På det hela taget bör du dock aldrig låta Google PageSpeed Insights -poängen göra dig galen. Även om det visar på optimeringspotential och ger dig en bra orientering, är det inte alls måttet på allt. Att bita i det sura äpplet i jakten på en perfekt 100 av 100 poäng kan också vara slöseri med tid.

Alla optimeringar är inte alltid meningsfulla i enskilda fall, särskilt med ett så omfattande innehållshanteringssystem som WordPress. Det är därför mycket viktigare att du kontrollerar och optimerar den faktiska och upplevda laddningstiden för din webbplats.

Vanliga frågor om WordPress Page Speed

Vad påverkar laddningstiden för en webbplats?

Det finns många faktorer som påverkar laddningstiden för en webbplats. Bland de viktigaste är webbplatsens storlek, antalet HTTP-förfrågningar, komprimeringen av datapaket och optimeringen av den upplevda laddningstiden. Grunden för en bra laddningstid är alltid en kraftfull och snabb WordPress-hosting.

Hur länge får en sida laddas?

Undersökningar visar att framför allt mobilanvändare helt enkelt avbryter laddningen av en webbshop om det tar längre tid än tre sekunder. Helst bör laddningstiden inte vara mer än två sekunder.

Hur viktig är sidhastigheten?

Sidhastigheten, dvs. laddningshastigheten på din webbplats, kan avgöra om användarna engagerar sig i dig och ditt företag eller lämnar din webbplats tidigt. Den har stor betydelse för användarupplevelsen och påverkar även Google-rankingen av din webbplats. Dessutom påverkas din konverteringsfrekvens i värsta fall negativt av för långa laddningstider.