PageSpeed Insights: hvordan holde nettstedets hastighet høy

Hvis du kjører et nettsted, har du sikkert hørt om Google PageSpeed Insights. Det er et gratis verktøy fra Google som måler ytelsen til websidene dine på både mobile og stasjonære enheter. Men å få en høy poengsum kan ofte føles som et spill du ikke kan vinne.

I dag skal vi gjøre en detaljert gjennomgang av PageSpeed Insights, se på alle mulige problemer som bringer poengsummen din ned, og forklare nøyaktig hvordan du optimaliserer nettstedet ditt.

Hvorfor er nettstedshastighet så viktig?

Før vi ser på de tekniske problemene, la oss snakke om hvorfor du bør bry deg. Nettstedets hastighet er ikke bare en forfengelighetsmåling. Det påvirker virksomheten din direkte.

For det første er hastighet en viktig rangeringsfaktor for SEO. Google har offisielt uttalt at de bruker Core Web Vitals for å bestemme hvor høyt sidene dine rangerer. Hvis nettstedet ditt tar for lang tid å laste, vil Google presse deg ned søkeresultatene.

For det andre påvirker hastigheten brukeropplevelsen og konverteringsfrekvensene. De fleste brukere vil forlate en side hvis det tar mer enn tre sekunder å vises. Et raskt nettsted holder besøkende engasjert og gjør dem mye mer sannsynlig å kjøpe produktet ditt eller lese artiklene dine.

Forstå PageSpeed Insights-beregninger

Når du skriver inn en URL i PageSpeed Insights, gir den deg to typer data: laboratoriedata og feltdata.

Feltdata viser hvordan ekte brukere opplever nettstedet ditt. Den samles inn over 28 dager ved hjelp av Chrome User Experience Report (CrUX). Dette er det som virkelig betyr noe for SEO. Lab data er samlet i et kontrollert miljø for å hjelpe deg med å feilsøke problemer.

De viktigste beregningene å se er:

• Første innholdsrik maling (FCP): tiden det tar for nettleseren å gjengi det første tekststykket eller bildet.
• Største innholdsmessige maling (LCP): tiden det tar før den største blokken med innhold blir synlig.
• Kumulativt layoutskift (CLS): måler hvor mye sideoppsettet ditt skifter rundt når det lastes inn.
• Interaksjon til neste maling (INP): hvor raskt din side svarer etter at en bruker klikker eller trykker på noe.

Vanlige problemer som ødelegger poengsummen din

Å få en dårlig score er enkelt. Å fikse det krever å finne grunnårsaken. Her er de vanligste problemene du vil se i PageSpeed Insights-diagnoserapporten.

1. Gjengivelsesblokkerende ressurser

Dette skjer når du har javascript eller CSS-filer helt blokkerer siden fra lasting. Nettleseren må stoppe, laste ned filen og analysere den før den kan vise noe til brukeren.Hvordan fikse: du bør utsette eller asynkront laste alle ikke-kritiske javascript. For CSS, trekk ut den kritiske CSS og inline den i målet, last deretter resten asynkront.

2. Uoptimaliserte enorme bilder

Bilder utgjør vanligvis den største delen av en nettsides totalvekt. Å laste opp et 5 MB bilde for en liten logo er en garantert måte å bremse alt på.Hvordan fikse: komprimer alltid bildene dine ved hjelp av moderne formater som WebP. Du bør også brukeloading="lazy"attributt slik at bilder under folden bare lastes inn når brukeren ruller ned til dem. Sett alltid eksplisitt bredde og høyde på bildekoder for å forhindre layoutskift.

3. For mye ubrukt javascript

Moderne nettsteder laster ofte tunge biblioteker eller tredjeparts skript, men bruker bare en liten brøkdel av koden. Nettleseren må fortsatt laste ned og evaluere alt, og ta opp verdifull behandlingstid.Hvordan fikse: fjern ubrukte plugins og prøv å dele koden din. Last bare inn skriptene du faktisk trenger på den spesifikke siden.

4. Langsomme serverresponstider

Tid til første byte (TTFB) måler hvor lang tid det tar vertsserveren din å returnere den første HTML-en. Hvis serveren din er treg, vil ikke alle de andre optimaliseringene ha stor betydning.Hvordan fikse: bruk en rask webvert. Implementer serversidebufring og bruk et innholdsleveringsnettverk (CDN) for å betjene nettstedet ditt fra servere fysisk nærmere brukerne dine.

Dette verktøyet er flott, fordi det står hvor akkurat du gjorde en feil og til og med vise deg eksakte skjermbilder. Så bare fiks disse feilene trinn for trinn, og SEO-en din vil bli forbedret.

Det foreslo å konvertere .jpg til .webp bilder for vår nettside, for eksempel.

Menikke bli opprørt hvis du ikke kan nå 100%, det er faktisk veldig vanskelig å gjøre. Hvis nettstedet ditt er komplekst, trenger mange bilder, noen spesifikke js-biblioteker, kan du tenke – det er ingenting å optimalisere lenger, hvorfor poengsummen min fortsatt er 80-90%? Dette er helt normalt. Hvis nettstedet ditt er i “grønn sone”, er det allerede et godt tegn. Videre kan resultatene til og med variere med noen få prosentpoeng – uten noen som helst endringer – hvis du tester hastigheten på et annet tidspunkt.
Du bør imidlertid fortsatt prøve å maksimere ytelsen din ved å gå gjennom og fikse hver feil i listen.

Hvorfor oversettelsesskriptet vårt holder hastigheten høy

Når du legger til nye widgets på nettstedet ditt, må du være veldig forsiktig med ytelsen. Det er veldig vanlig at oversettelsesplugins ødelegger PageSpeed-poengsummen din. De laster ofte inn massive språkdatabaser på klientsiden, kjører tunge javascript-forsinkelser og blokkerer gjengivelse mens de finner ut hvilket språk de skal vise.

Vi bygde oversettelsesskriptet vårt strengt med tanke på ytelse. Her er grunnen til at løsningen vår er lettvektet og har minimal innvirkning på ytelseshastigheten:

• Tiny nyttelastgrense: kjerneskriptet vårt er utrolig lite. Vi pakker ikke sammen store tredjepartsbiblioteker. Den legger til bare noen få kilobyte til sidestørrelsen din.
• Asynkron lasting: skriptet er designet for å kjøre asynkront. Det blokkerer aldri hovedinnholdet ditt fra gjengivelse.
• Global CDN-levering: vi leverer manuset og den oversatte teksten fra et globalt nettverk. Dette betyr at dataene reiser kortest mulig avstand til din besøkende.
• Native DOM-injeksjon: i stedet for å skjule siden eller lage layoutskift, injiserer skriptet vårt oversatt strenger sømløst. Den kjøres på millisekunder, så det kumulative layoutskiftet ditt holder seg perfekt på null.

Ved å holde det tekniske fotavtrykket så lite som mulig, sikrer vi at du kan oversette nettstedet ditt helt uten å ofre noen av dine hardt opptjente SEO-rangeringer eller brukeropplevelse.