Tips for å forbedre nettstedets hastighet / hvordan øke hastigheten på nettsteder

hvordan kan utviklere få nettstedene sine til å laste raskere?

Nettstedshastighet har stor innvirkning på brukeropplevelse, SEO og konverteringsfrekvenser. Forbedre nettstedets ytelse er viktig for å tegne trafikk til et nettsted og holde besøkende engasjert. Her gjennomgår vi trinn utviklere kan ta for å gjøre et nettsted raskere:

Test nettstedytelse

nettstedhastighetstester vurderer hvordan et nettsted utfører. Testing av et nettsted regelmessig kan hjelpe utviklere med å spore nedgraderinger eller forbedringer av ytelsen. En hastighetstest bør også hjelpe utviklere med å identifisere noen eller alle områdene som reduserer nettstedets ytelse, og hvor forbedringsområdene er.

det er mange høykvalitets nettstedhastighetstester for måling av ytelse, mange av dem gratis. WebPageTest.org (hvilke partnere Med Cloudflare) har flere gratis tester og produserer detaljerte sammenbrudd av hvor raskt enkelte elementer i en side lastes inn. WebPageTest.org tillater også utviklere å teste nettsteder for ulike enheter og nettverkstilkoblingshastigheter.

Google tilbyr Også PageSpeed Insights for detaljert ytelsestesting. Google Chrome DevTools kan også hjelpe utviklere med å vurdere nettstedets ytelse; Nettverksfanen viser ALLE HTTP-forespørsler, hvor store de forespurte ressursene er, og hvor lang tid forespørsler tar før de er oppfylt.

Bruk EN CDN (content delivery network)

Cdn øker hastigheten på nettsteder ved å bufreinnhold på flere steder rundt om i verden. CDN – caching-servere er vanligvis plassert nærmere sluttbrukere enn verten eller origin-serveren. Forespørsler om innhold går til EN CDN-server i stedet for helt til vertsserveren, som kan være tusenvis av miles og på tvers av flere autonome nettverk fra brukeren. Ved HJELP AV EN CDN kan resultere i en massiv reduksjon i siden lastetider.

Optimaliser bilder

Bilder utgjør en stor andel Av internettrafikken, og de tar ofte lengst tid å laste på et nettsted siden bildefiler har en tendens til å være større i størrelse ENN HTML-og CSS-filer. Heldigvis kan bildebelastningstiden reduseres via bildeoptimalisering. Optimalisering av bilder innebærer vanligvis å redusere oppløsningen, komprimere filene og redusere dimensjonene, og mange bildeoptimerere og bildekompressorer er tilgjengelige gratis online.

Minify CSS og JavaScript-filer

Minifiseringskode betyr å fjerne alt som en datamaskin ikke trenger for å forstå og utføre koden, inkludert kodekommentarer, mellomrom og unødvendige semikolon. DETTE gjør CSS og JavaScript-filer litt mindre slik at de lastes raskere i nettleseren og tar opp mindre båndbredde. På egen hånd vil minifisering resultere i bare minimal hastighetsforbedringer. Men implementert sammen med disse andre tipsene, vil det resultere i bedre nettside ytelse.

Reduser ANTALL HTTP-forespørsler om mulig

de fleste nettsider vil kreve at nettlesere gjør flere HTTP-forespørsler for ulike ressurser på siden, inkludert bilder, skript og CSS-filer. Faktisk vil mange nettsider kreve dusinvis av disse forespørslene. Hver forespørsel resulterer i en rundtur til og fra serveren som er vert for ressursen, noe som kan legge til den totale lastetiden for en nettside. I tillegg, med ressurser lastet fra flere forskjellige leverandører, kan et problem med en av vertene påvirke nettsidens evne til å laste raskt, eller i det hele tatt.

på grunn av disse potensielle problemene, bør det totale antallet eiendeler hver side må lastes inn, holdes på et minimum. En hastighetstest skal også bidra til å identifisere HVILKE HTTP-forespørsler som tar mest tid. For eksempel, hvis bilder forårsaker at en side lastes sakte, kan utviklere se etter en raskere bildevertløsning (for eksempel EN CDN).

BRUK http-caching i nettleseren

nettleserens hurtigbuffer er et midlertidig lagringssted der nettlesere lagrer kopier av statiske filer slik at de kan laste nylig besøkte nettsider mye raskere, i stedet for å måtte be om det samme innholdet om og om igjen. Utviklere kan instruere nettlesere til cache elementer av en webside som ikke endres ofte. Instruksjoner for nettleserbufring går i overskriftene TIL HTTP-svar fra vertsserveren. Dette reduserer mengden data som serveren trenger å overføre til nettleseren, forkorte lastetider for brukere som ofte besøker bestemte sider.

Minimere inkluderingen av eksterne skript

eventuelle skriptede nettsideelementer som lastes fra et annet sted, for eksempel eksterne kommenteringssystemer, CTA-knapper eller forgrunnsgenerering, må lastes inn hver gang en side lastes inn. Avhengig av størrelsen på skriptet, kan disse redusere en nettside ned, eller føre til at nettsiden ikke lastes inn på en gang (dette kalles ‘content jumping’ eller ‘layout shifting’ og kan være spesielt frustrerende for mobilbrukere).

ikke bruk omdirigeringer, hvis mulig

en omdirigering er når besøkende på en nettside blir videresendt til en annen side i stedet. Omdirigeringer legger til noen brøkdeler av et sekund, eller noen ganger til og med hele sekunder, til sidens lastetid. Når du bygger et ytelsesoptimalisert nettsted, teller hvert sekund. Viderekoblinger er noen ganger uunngåelig, men de bør ikke brukes hvis ikke nødvendig.