Raske nettsider begynner med enkle valg
God ytelse avgjøres før den siste komprimeringen. Last det kunden trenger, gi bilder riktig størrelse og velg interaksjoner med en tydelig hensikt.
Dette tar du med deg
- Lever viktig innhold uten unødvendig venting.
- Tilpass bilder til stedet de faktisk vises.
- Last tunge tillegg når de trengs.
Gjør innholdet tilgjengelig tidlig
En vanlig bedriftsside trenger ofte først og fremst lesbar tekst, gode bilder og et kontaktskjema. Når viktig innhold finnes i HTML fra serveren, kan nettleseren begynne å vise det uten å vente på en stor applikasjon.
Det betyr ikke at JavaScript er feil. Bruk det der det gir verdi, som filtrering, forhåndsvisning eller bedre tilbakemelding. Spør for hver funksjon hva kunden får igjen for ekstra kode, lasting og vedlikehold.
Gi bildene en plan
Et stort originalbilde bør ikke automatisk sendes til en liten mobil. Lag passende størrelser og velg et format som gir god kvalitet med rimelig filstørrelse. Oppgi dimensjoner slik at nettleseren kan sette av plass.
Bildet øverst på siden har en annen rolle enn bilde nummer ti i et galleri. Ikke behandle alle bilder likt. Last innhold lenger nede ved behov, men unngå å forsinke det viktigste synlige bildet med en generell regel.
La tunge tillegg vente på behovet
Kart, videoer, chat og interaktive demoer kan legge til mange forespørsler. Vurder om en lett forhåndsvisning kan vises først, og om den tyngre delen kan lastes når brukeren åpner den. Forklar tydelig hva knappen gjør.
En slik løsning bør fortsatt ha en god vei videre hvis skriptet feiler. En demolenke kan for eksempel åpne selve siden i en egen fane. Funksjonen blir mer robust når grunninnholdet ikke avhenger av én avansert visning.
Kontroller etter hver vesentlige endring
Mål samme sider under sammenlignbare forhold. Test også den handlingen dere nettopp la til. En animasjon kan se jevn ut på utviklermaskinen og oppleves tung på en enklere telefon.
Følg med på Core Web Vitals, men vurder samtidig lesbarhet og funksjon. En rask side som skjuler prisene eller har et ødelagt skjema, har fortsatt et problem. Prioriter det som gjør den samlede kundeopplevelsen bedre.