7 tips att snabba upp en långsam hemsida i WordPress

Frilansande Webbutvecklare Gabriel WestingtonGabriel Westingon| 6 augusti, 2020|Läsning 4 min
Långsam hemsida i Wordpress

Har du en långsam hemsida i WordPress? Jag har arbetat som frilansande webbutvecklare sedan 2012 och har felsökt mängder med långsamma hemsidor. Här har jag samlat mina bästa tips för att korta ner sidladdningstiderna, få en snabbare hemsida och som resultat få potentiellt fler nöjda kunder.

Bilder

I min roll som webbutvecklare ser jag ofta problem med bilderna hos mina nya kunder. Bilderna är inte anpassade och optimerade för hemsidan. Det positiva är att det finns flera konkreta saker som går att åtgärda för att få en snabbare hemsida. Detta är några av de viktigaste:

  1. Komprimering av bilder
    När man laddar upp bilder i WordPress så komprimeras bilderna automatiskt. Detta gäller endast bilder i formatet JPG. Bilder i formatet PNG eller SVG komprimeras inte som standard. I en del fall räcker denna komprimering av JPG bilder.

    Rekommendation. Se till att komprimeringen görs antingen med ett plugin eller via bildbehandlingsprogram som t.ex. Photoshop. Plugins som rekommenderas är Smush och Tiny PNG. Med dessa verktyg kan man få ner antalet kB per bild vilket kan ge snabbare sidor.
  2. Använd rätt bildstorlekar
    En långsam hemsida kan beror på att bildstorlekarna inte är anpassade till din hemsida. En bild som är större än bilden som visas på skärmen kan innebära en belastning på hemsidan och göra den långsammare.

    Rekommendation. Se över vilka bildstorlekar som används på hemsidan. En god början är att börja med startsidan. Ta reda på: Vilken bildstorlek för dator/mobil är optimal och som ger god bildkvalité? En för liten bild kan istället ge dig suddiga bilder.
  3. Anpassa bilder för mobil och dator
    WordPress har en inbyggd funktion som automatiskt visar bilder för olika bredder i webbläsaren (det heter srcset). Många WordPress teman använder inte detta korrekt vilket gör att samma stora bild används för både för dator och mobil.

    Rekommendation. Se till att visa olika bilder för olika enheter t.ex. en bild för dator och en annan för mindre enheter som t.ex. mobiler. Det går även att gå ett steg längre och bara ladda specifika bilder till mobil och andra för datorer.

Cache

  1. Använd servercache
    Se till att använda servercache. T.ex. Redis eller Memcached. En del webbhotell som Oderland erbjuder servercache. Kolla med ditt webhotell om det erbjuder något sådant.
  2. Plugin med cache funktionalitet
    Som alternativ ladda ner ett plugin, t.ex. WP Rocket. Om din server kör LiteSpeed då rekommenderas ett plugin som heter LiteSpeed Cache, som är anpassat för din server.

Rekommendation. Kolla med ditt webbhotell om de kör servercache och vilket typ av server (Apache, LiteSpeed, Nginx osv) som körs. Om det är en Apache server (vanligast) kör då med WP Rocket.

WordPress plugins

  1. Många aktiva plugins
    Ett vanligt problem som kan leda till en långsam hemsida är att det används för många plugins. Detta kan leda till fler anrop (requests) till databasen.

    Rekommendation. Fundera om det går att minska på antalet plugins och kanske ersätta med mindre kod? Kan man byta 2 eller fler plugins mot en 1 som gör jobbet? Generellt sätt, många plugins innebär ofta en större belastning på hemsidan.
  2. Gamla plugins
    Det finns mängder med plugins som är övergivna och som innehåller gammal kod. Kod som inte är uppdaterad kan få din hemsida att bli långsam och orsaka att den slutar att fungera.

    Rekommendation. Använd endast plugins som ger dig nödvändig funktionalitet, har funnits länge, har goda recensioner och som uppdateras regelbundet.

    Genom felsökning går det att ta reda på vad som orsakar problemen med en långsam hemsida. Vanliga problem är att ett eller flera plugins inte har stöd i nuvarande PHP version eller att det blir konflikter med andra plugins.

Verktyg för mätning av en långsam hemsida

Det går att göra mätningar med olika externa tjänster som t.ex. GTMetrix, Google Page Insights och Pingdom. Dessa verktyg brukar ge betyg och peka på förbättringar vilket kan användas som underlag, analys och felsökning av en långsam hemsida.

Även om dessa verktyg kan vara användbara för att få en rapport på vad som kan förbättras, så är det viktigare att fokusera på att optimera din hemsida för dina kunder.

Frilansande Webbutvecklare Gabriel Westington
Gabriel Westington
Frilansande webbutvecklare i WordPress på Modena Studio. Bygger hemsidor i WordPress åt småföretag. Kontakta mig gärna om du har några frågor.