Snabbare webbplats på mobilen: fem praktiska steg

1. Börja med en mätning

Välj en viktig sida, till exempel startsidan eller sidan där besökaren begär offert. Testa den med mobilinställningen i PageSpeed Insights och spara resultatet med datum. Kör gärna flera gånger eftersom resultat kan variera. Kontrollera också sidan på en riktig telefon: går det att läsa erbjudandet, öppna menyn och hitta kontaktuppgifterna? Använd mätningen för att välja vad du ändrar först, inte som ett löfte om hur alla besökare upplever sidan.

2. Anpassa bilder till deras visningsstorlek

Kontrollera vilka bilder som överför flest byte. En bild som visas i en smal mobilvy behöver ofta inte samma upplösning som originalfotot. Skapa mindre varianter och låt webbplatsen välja en lämplig storlek med responsiva bilder. Jämför WebP eller AVIF med originalformatet och granska resultatet visuellt, särskilt text, logotyper och skarpa kanter. Behåll originalfilerna och välj den version som ger en rimlig balans mellan filstorlek och bildkvalitet.

3. Prioritera det som syns först

Sidans viktigaste innehåll ska kunna visas utan att vänta på onödiga resurser. Använd fördröjd bildladdning för bilder längre ner på sidan, men undvik att rutinmässigt lägga lazy loading på den stora huvudbild som syns direkt. Ange bildens bredd och höjd så att webbläsaren kan reservera plats. Kontrollera efter ändringen att innehållet inte hoppar runt och att huvudbilden faktiskt visas tidigare i ett nytt test.

4. Granska skript och externa tillägg

Inventera chattverktyg, videospelare, animationer och andra externa tillägg. Behövs varje tillägg på just den här sidan? Ta bort sådant som inte längre används och undersök om övriga resurser kan laddas senare. Minifiering minskar kodens storlek men löser inte automatiskt lång exekveringstid. Gör en ändring i taget och kontrollera meny, formulär, samtyckesfunktioner och eventuellt köpflöde efteråt.

5. Kontrollera att besökaren kan slutföra sitt ärende

En snabb sida behöver också vara användbar. Testa att texten är läsbar utan zoom, att knappar går att trycka på och att inget kräver horisontell rullning. Prova kontaktformuläret på en telefon och kontrollera både felmeddelanden och bekräftelse. Kör sedan samma prestandatest som före ändringarna och jämför flera mätningar. Dokumentera vad som ändrades och vilka funktioner som kontrollerades; en enskild hög poäng är ingen garanti för fler förfrågningar.