Enkelt sagt vil nettsteder som brukere liker å bruke, rangeres høyere.

Brukeropplevelse har stor verdi på verdensveven, og Google legger nå enda mer vekt på brukeropplevelsen til en nettside og har introdusert måter å rangere nettsider basert på deres brukeropplevelse.

Siden Google og andre toppsøkemotorer har indikert at brukeropplevelse av høy kvalitet er en nøkkelfaktor i rangering av nettsteder, har det vært mye spekulasjoner om den ideelle sidehastighetsscore.

Dette er imidlertid ikke tilfelle lenger, ettersom Google har fjernet mange misoppfatninger ved å introdusere Core Web Vitals.

Tidligere konsentrerte nettsteder all innsats på å forbedre de generelle nettstedhastighetene og ignorerte praktisk talt viktigheten av kritiske brukeropplevelsesmålinger.

Med Core Web Vitals-initiativet fra Google har Google hjulpet nettstedutviklere med å bruke tid og krefter på å forbedre det som betyr noe: Brukeropplevelse.

Vi introduserer Core Web Vitals

Som navnet antyder, er Core Web Vitals ytelsesmålinger som reflekterer over det som virkelig betyr noe, overlegen brukeropplevelse.

Dette målesystemet gjelder for alle nettsteder som finnes på verdensveven og bør ideelt sett brukes av alle nettstedeiere for å sikre at nettstedet deres fungerer bra.

Core Web Vitals består av tre beregninger, som hver er en spesiell faktor ved måling Googles nettstedopplevelsespoeng.

De tre beregningene er beregnet gjennom en brukeropplevelse i felten, som gjenspeiler den virkelige anvendeligheten.

Før du introduseres til de tre primære ytelsesmålene, er det verdt å vite at disse beregningene og deres betydning vil utvikle seg.

For nå tilbyr Core Web Vitals den mest nøyaktige tilgjengelige informasjonen for nettstedets ytelse om brukeropplevelsen. Uten videre, la oss dykke rett inn.

1. LCP – største innholdsrike maling

Denne beregningen måler hvor lang tid det tar før hovedinnholdet på siden lastes inn. Med enklere ord er dette tiden det tar før hovedteksten, bildene eller andre medier lastes helt inn etter at du har klikket på nettsidens lenke.

Den viktigste faktoren som bestemmer LCP er gjengivelsestiden for den største videoen, bildet eller teksten på siden. Ideelle LCP-score er mindre enn 2.5 sekunder.

2. FID – Første inngangsforsinkelse

FID måler hvor lang tid et nettsted bruker på å bli interaktivt for brukeren; hvor lang tid en side tar før brukeren kan klikke på innhold, bla eller skrive inn tekst.

Denne beregningen er svært praktisk da den tar hensyn til brukernes sanntidsopplevelse når de besøker et nettsted.

FID-målene for nettsteder er vanligvis mye kortere enn LCP og måles i millisekunder i stedet for sekunder.

Imidlertid bør ideelle FDI-er være mindre enn 100 ms.

3. CLS – Kumulativt oppsettskift

Denne faktoren måler den visuelle stabiliteten til et nettsted.

Dette er den eneste faktoren som ikke måler hastigheten på nettsiden, men hvor stabil nettsidens layout er når den laster. Det lille feilaktige skiftet vi ser i elementer på et nettsted mens det lastes inn, er CLS.

Skiftet i elementer er uventet og får nettsiden til å se feilaktig ut.

Jo mindre CLS det er, jo mer pålitelig og sikker ser en nettside ut.

CLS måles i avstandsenheter, og det ideelle CLS-tallet er lavere enn 0.1. Alt utover det trenger forbedring.

Hvorfor du trenger å fokusere på kjernenettverk

Med nettstedet eller virksomheten din er målet ditt å gi kundene eller brukerne den beste opplevelsen mulig, slik at de blir imponert over det du har å tilby og at de stadig kommer tilbake.

For å beholde klienter må man øke på alle faktorer som påvirker brukeropplevelsen.

På samme måte er Google også en bedrift. Google ønsker å gi en bedre opplevelse til folk som bruker søkemotoren til å surfe på nettet.

En av de viktigste måtene Google kan gi brukerne en bedre opplevelse på, er ved å få de beste søkeresultatene. Og de bruker Core Web Vitals som viktige bestemmende faktorer for rangering av nettsteder.

Det er her det kommer til deg og nettstedet ditt.

Jo bedre nettstedets Core Web Vitals er, jo høyere rangerer det i Googles søkeresultater og jo mer økt trafikk får du. Så enkelt, hvis du vil at bedriften eller nettstedet skal fungere godt, må det være mer synlig.

Og for å være mer synlig, må nettstedets LCP-, FDI- og CLS-tellinger være så lave som mulig.

Slik får du tilgang til kjernewebviktalene dine

Ok, du er ferdig med det første trinnet. Du vet nå hva Core Web Vitals er, men å vite er ikke nok. Det er på tide å lære hvordan vi kan måle nettstedets Core Web Vitals og hva vi kan gjøre for å forbedre dem.

Google har lagt stor vekt på Core Web Vitals, og som en del av vektleggingen har det gjort målingen ganske enkel. Google har laget Chrome brukeropplevelsesrapport, som tar data fra ekte Chrome-brukere som besøker forskjellige nettsteder.

Den samler data for hver Core Web Vital og gjør livet veldig enkelt for nettstedeiere å sjekke ytelsen deres.

Ocuco Core Web Vitals Report for nettstedet ditt kan nås fra Google Search Console. Rapporten vil i tillegg inkludere en liste over alle nettadressene dine og gi Web Vitals-data for dem alle.

Hvordan forbedre Core Web Vitals

Nettstedets Core Web Vitals er avhengige av hastighet og stabilitet.

Når det gjelder sidehastighet/sideinnlastingstid, spiller ganske mange faktorer en rolle. Alt fra tunge bildefiler til generering av forespørsler, flere komponenter på et nettsted, øker belastningen på nettleseren og øker sidelastetiden.

Eksperter hos Google har anbefalt en rekke løsninger for å forbedre kjernenettverket og, i sin tur, nettstedets brukeropplevelse.

Optimalisering av CSS

• Inline viktig CSS: Sett inn de viktigste delene av nettstedets CSS, for eksempel de som er relatert til nettstedets design og layout. Målet er å redusere antall enkeltfiler serveren må laste for det første oppsettet.
• Optimaliser levering: CSS tar vanligvis lang tid å laste. Du kan ideelt sett forhåndslaste CSS slik at nettleseren har den klar når det er nødvendig.

Optimalisering av skrifter

Det kan overraske mange, men fontene og ikonene på et nettsted kan ta en stor toll på lastetiden. Ved hjelp av noen svært små endringer kan du imidlertid se en betydelig forskjell i nettstedets lastehastighet.

• Forhåndslast skrifter: Akkurat som CSS, når nettstedet ditt trenger å laste en font, blir skriften prioritert før noen annen del av nettstedet lastes. Dette er av samme grunn at når du laster inn et nettsted med en svært stilisert skrift, er det et kort blink med standardtekst før den konverteres til det tiltenkte formatet og skriftstørrelsen. Dette reduserer poengsummen for brukersideopplevelsen.
• Bruk fonter med omhu: Når man designer en nettside, bør man kun bruke de skriftene de trenger. De fleste skriftsystemer, selv når de bare brukes for noen få ord, vil laste inn alle tegn som ikke en gang brukes. For å unngå unødvendig belastning på nettstedet ditt, sørg for at du bruker færre fonter som mulig.

Optimalisering av bilder

Store bildefiler kan sette tilbake LCP, og FDI-teller, så det er en god idé å optimalisere bildene på nettstedet ditt, slik at de laster bedre.

• CDN-servere: Bruk av bilde-CDN-servere er en av de sterkt anbefalte måtene å optimalisere bilder på nettsidene dine. Servere blir bremset når de er under mye press; dette skjer spesielt når bildefiler må lastes fra samme server. Du kan alternativt bruke en Image CDN-servertjeneste for å redusere belastningen på servere drastisk og forbedre sidehastigheten.
• WebP-format: Formatet på bildene dine har også betydning. Google anbefaler at bilder konverteres til WebP-format for enkel lasting.
• LazyLoad: LazyLoad er en teknikk som lar nettstedet ditt jobbe smartere og ikke hardere. Når LazyLoad er implementert, er det kun bildene som skal vises på skjermen som lastes inn først. Dette reduserer belastningen på nettstedet. Bilder fra nettsider utenfor skjermen lastes bare inn når brukeren ruller nærmere dem.

De beste verktøyene for å forbedre kjernenettverket

1. Perfmatters

Perfmatters er en WordPress-plugin for å forbedre nettstedets hastighet. En betydelig andel av nettstedene på nettet drives av WordPress, og denne plugin-en kan brukes på alle.

Når et nettsted er designet på WordPress, er noen alternativer aktivert som standard som ikke alle nettsteder bruker. Disse aktiverte alternativene bremser nettstedet unødvendig. Ikke alle kan deaktivere disse alternativene, men med Perfmatters kan du oppnå dette med noen få klikk.

Videre hjelper Perfmatters deg med å håndtere unødvendige HTTP-forespørsler som sannsynligvis vil redusere sidehastigheten din mest. Dette verktøyet gir deg mulighet til å kontrollere når plugins kan eller ikke kan laste inn kode.

Det er mer. Du kan bruke fantastiske verktøy som forhåndstilkobling, DNS-forhåndshenting, lokal Google Analytics-skripthosting og mange andre for å øke hastigheten på nettstedet ditt og redusere antallet LCP og FDI betraktelig.

Funksjoner

• Lett
• Hjerterytmekontroll
• REST API-kontroll
• Deaktiver skript på individuelle sider eller innlegg.

Prising:

• Planer starter på $24.95/år.

2. Nitro-pakke

Nitropack er ikke bare en WordPress-plugin; det er mye mer enn det. Den banebrytende ideen bak NitroPack er å forenkle sidehastighetsprosessen så mye som mulig.

I stedet for å måtte bruke flere plugins og velge hva som skal optimaliseres og ikke individuelt, tilbyr NiroPack en alt-i-ett-løsning for å optimalisere nettstedet ditt. Det fungerer på WordPress så vel som alle andre store plattformer som WooCommerce, OpenCart og Magento.

Alt du trenger å gjøre er å legge til nettstedet ditt og installere Nitropack. Det tredje og siste trinnet er å bestemme hvor sterkt du vil at nettstedet ditt skal optimaliseres. Som din personlige virtuelle assistent, Nitro-pakke vil starte alle optimaliseringene.

Å bruke NitoPack vil ikke bare spare mye tid, men også serverbruk ettersom den kjører optimaliseringsaktiviteter på sine egne servere.

Funksjoner

• Automatisert nettstedoptimalisering
• Global CDN
• DNS-forhånds henting
• HTML, JS og CSS minifikasjon

Prising:

• Gratis plan for små nettsteder, drevet av et merke.
• Betalt planer om å fjerne merket og ekstra funksjoner.

3. WP Rocket

WP Rocket er den beste WordPress-cache-pluginen. Hvis ikke NitroPack, bruk WP Rocket.

Du trenger ikke engang å konfigurere WP Rocket, installere det og WordPress-nettstedet ditt er raskere enn før. Det er den enkleste måten å redusere lastetiden for ethvert WordPress-nettsted, inkludert WooCommerce butikker.

WP Rocket lar deg forhåndslaste sidene dine ved hjelp av et nettstedskart.

Noe vi fant ut til å redusere fluktfrekvensen sterkt, siden den betjener sidene dine så snart de besøkende klikker på interne lenker.

Dette kalles preload. WP Rocket gjengir siden i bakgrunnen så snart du holder markøren over en intern lenke.

Du trenger ikke å studere et fullstendig kurs for å lære hvordan du bruker denne caching-pluginen; i motsetning til de fleste andre plugins. WP Rocket er ganske enkelt å sette opp og begynne å bruke.

Funksjoner

• Side caching
• Brukervennlig grensesnitt
• Last inn hurtigbufferen
• Reduser CSS, HTML og Javascript
• Bilde lat innlasting
• Minimal justering kreves for hastighetsforbedringer

Prising:

• Starter fra $ 49

Core Web Vitals – The Future (2022 og utover)

Foreløpig bruker Google de beste signalene som er tilgjengelige som Core Web Vitals, men etter hvert som tiden går, kan bedre og mer nøyaktige signaler erstatte eller legges til i de eksisterende Core Web Vitals.

LCP, FDI og CLS er tre Web Vitals som anses å være de viktigste. Derfor blir de kalt Core Web Vitals. Det er imidlertid også andre signaler, for eksempel mobilvennlighet, sikker surfing, HTTPS og No Intrusive Interstitials.

Disse signalene kan bli inkludert i Core Web Vitals i fremtiden hvis det blir funnet at de er bedre indikatorer på brukeropplevelse.

Google har uttalt at nettstedets Core Web Vitals vil påvirke rangeringen, men det er ikke klart i hvilken grad. Men det er klart at ved å forbedre Web Vitals, vil du definitivt forbedre brukernes opplevelse på nettstedet ditt.