En långsam hemsida är sällan resultatet av ett enda problem. Ofta består den av stora bilder, många tredjepartsskript, tung frontend och en server som behöver göra för mycket arbete för varje sidvisning.
1. Börja med verkliga sidor
Testa startsida, tjänstesida, artikel och andra viktiga mallar. En snabb tom demo säger lite om den färdiga webbplatsen.
2. Optimera bilder
Ladda inte upp flera tusen pixlar breda original när bilden visas i en liten komponent. Använd moderna bildformat och rätt dimensioner.
3. Prioritera innehållet överst
Det som syns först ska kunna visas utan att webbläsaren behöver vänta på många resurser längre ned på sidan.
4. Minska JavaScript
Varje widget, trackinglösning och animation kan lägga till kod. Ta bort skript som inte ger tydligt affärs- eller användarvärde.
5. Typsnitt
För många typsnitt, vikter och externa fontfiler kan öka laddningen. Använd ett genomtänkt urval och ladda bara det som behövs.
6. Cache
Cache kan minska arbetet servern gör för återkommande publika sidor. Anpassa reglerna så att personligt eller dynamiskt innehåll inte serveras felaktigt.
7. CDN
Ett CDN kan leverera statiska resurser närmare användare och minska belastningen på ursprungsservern. Nyttan är särskilt tydlig för webbplatser med geografiskt spridd trafik.
8. Hosting
Om servern svarar långsamt hjälper inte all frontend-optimering. Mät serverrespons och databasbelastning under verklig trafik.
9. Tredjepartsskript
Chattar, annonsverktyg, heatmaps och andra tjänster bör granskas regelbundet. Ta bort sådant som ingen längre använder.
10. Mobil först
Testa på vanlig mobil och nätverk, inte bara snabb kontorsuppkoppling. Mobilen avslöjar ofta tung kod och stora bilder tydligare.
11. Mät före och efter
Dokumentera nuläget innan större ändringar. Då kan teamet se vilka åtgärder som faktiskt gav effekt.
12. Skydda prestandan efter lansering
Inför enkla regler för nya bilder, plugins och scripts. Annars blir en snabb webbplats långsam igen efter några månader.
Se även lanseringschecklistan och företagshemsida som konverterar.
Sammanfattning
Webbprestanda förbättras genom att minska mängden data och arbete som krävs för att visa sidan. Börja med bilder, JavaScript, serverrespons och tredjepartsskript och mät varje förändring på riktiga sidtyper.