Core Web Vitals: Forskjell mellom sideversjoner
Ingen redigeringsforklaring Tagger: Mobilredigering Mobilwebredigering |
Ingen redigeringsforklaring |
||
| (3 mellomliggende sideversjoner av samme bruker vises ikke) | |||
| Linje 1: | Linje 1: | ||
==Core Web Vitals og Googles søkeresultater== | ==Core Web Vitals og Googles søkeresultater== | ||
Core Web Vitals er spesifikke måleverdier utviklet av Google Search Central for å måle den faktiske brukeropplevelsen på nettsider. De fokuserer på tre hovedområder: lastehastighet, responstid og visuell stabilitet. Gode resultater bidrar til at et nettsted rangerer bedre i søkeresultatene. Etter at Core Web Vitals ble innført, får ikke Accelerated Mobile Pages (AMP) fortrinnsbehandling i søkeresultater. De fleste utviklere og utgivere dropper derfor AMP, og fokuserer istedenfor på å optimalisere vanlige nettsider etter at Core Web Vitals ble den primære ytelsesmetrikken (WPPoland, 2026). | Core Web Vitals er spesifikke måleverdier utviklet av Google Search Central for å måle den faktiske brukeropplevelsen på nettsider. De fokuserer på tre hovedområder: lastehastighet, responstid og visuell stabilitet. Gode resultater bidrar til at et nettsted rangerer bedre i søkeresultatene. Etter at Core Web Vitals ble innført, får ikke [[Accelerated Mobile Pages (AMP)]] fortrinnsbehandling i søkeresultater. De fleste utviklere og utgivere dropper derfor AMP, og fokuserer istedenfor på å optimalisere vanlige nettsider etter at Core Web Vitals ble den primære ytelsesmetrikken (WPPoland, 2026). | ||
===Chrome User Experience Report (CrUX)=== | ===Chrome User Experience Report (CrUX)=== | ||
| Linje 89: | Linje 89: | ||
En treg nettside er en usynlig kostnad. En nettside som bruker over 3 sekunder å laste, mister over halvparten av mobilbesøkende (Veniro, 2026). I studien «Milliseconds Make Millions» ble det analysert 30 millioner brukerøkter på mobilnettsider i Europa og USA (Berntsen, 2026). Funnet var at en forbedring på 0,1 sekunder i nettstedshastighet på tvers av de målte parameterne, observerte deltakerne i studien en økning i konverteringsraten (andelen brukere som går videre fra én nettside til neste steg i konverteringstrakten) i nesten alle ledd av mobilreisen. Spesielt var det en økning på 3,2 % fra produktoversiktssiden til produktdetaljsiden, og en økning på 9,1 % fra produktdetaljsiden til siden for å legge varer i handlekurven, samt at forbrukerne brukte 9,2 % mer penger (Demidova, 2020). | En treg nettside er en usynlig kostnad. En nettside som bruker over 3 sekunder å laste, mister over halvparten av mobilbesøkende (Veniro, 2026). I studien «Milliseconds Make Millions» ble det analysert 30 millioner brukerøkter på mobilnettsider i Europa og USA (Berntsen, 2026). Funnet var at en forbedring på 0,1 sekunder i nettstedshastighet på tvers av de målte parameterne, observerte deltakerne i studien en økning i konverteringsraten (andelen brukere som går videre fra én nettside til neste steg i konverteringstrakten) i nesten alle ledd av mobilreisen. Spesielt var det en økning på 3,2 % fra produktoversiktssiden til produktdetaljsiden, og en økning på 9,1 % fra produktdetaljsiden til siden for å legge varer i handlekurven, samt at forbrukerne brukte 9,2 % mer penger (Demidova, 2020). | ||
Alle forbedringene ovenfor ble observert etter en forbedring på 0,1 sekunder i fire måleparametere: First Meaningful Paint, Estimated Input Latency, Observed Load (gjennomsnittlig sideinnlastingstid i Google Analytics) og Max Server Latency (TTFB) (Demidova, 2020). Hver nettside i kundereisen måtte vise en forbedring på 0,1 sekunder for hver av disse parameterne for at de positive effektene skulle kunne observeres. | Alle forbedringene ovenfor ble observert etter en forbedring på 0,1 sekunder i fire måleparametere: ''First Meaningful Paint'' (FMP), ''Estimated Input Latency'', ''Observed Load'' (gjennomsnittlig sideinnlastingstid i Google Analytics) og ''Max Server Latency'' (TTFB) (Demidova, 2020). Hver nettside i kundereisen måtte vise en forbedring på 0,1 sekunder for hver av disse parameterne for at de positive effektene skulle kunne observeres. | ||
==Om PageSpeed Insights== | |||
PageSpeed Insights (PSI) rapporterer om brukeropplevelsen på en side, både på mobil og datamaskin, og gir forslag til hvordan siden kan forbedres. PSI gir både laboratoriedata og feltdata om en side. Laboratoriedata er nyttige for feilsøking, ettersom de samles inn i et kontrollert miljø, men de fanger ikke nødvendigvis opp flaskehalser fra den virkelige verden. Feltdata er nyttige for å fange opp den faktiske brukeropplevelsen, men omfatter et mer begrenset sett med måleverdier (PageSpeed Insights). | |||
===Data på faktiske brukeropplevelser=== | |||
Data om brukeropplevelser i PSI er basert på datasettet CrUX. PSI rapporterer faktiske brukeres opplevelser knyttet til FCP, INP, LCP og CLS i løpet av den foregående 28-dagersperioden, samt den eksperimentelle beregningen TTFB (PageSpeed Insights, 2024). For at data om brukeropplevelser skal kunne vises for en bestemt side, må det foreligge tilstrekkelige data til at siden kan inkluderes i CrUX-datasettet. En side har kanskje ikke nok data hvis den nylig er publisert, eller hvis det finnes for få målinger fra faktiske brukere. I slike tilfeller går PSI over til å vise data på opprinnelsesnivå (''origin-level granularity''), som omfatter brukeropplevelser på alle sidene på nettstedet. Noen ganger kan det også være utilstrekkelige data på opprinnelsesnivået; da vil ikke PSI kunne vise data om faktiske brukeropplevelser i det hele tatt. | |||
PageSpeed Insights kjører Lighthouse for å samle inn og analysere diagnostisk informasjon om nettsiden: | |||
*En poengsum på 90 eller høyere anses som god. | |||
*En poengsum mellom 50 og 89 indikerer at forbedringer er nødvendige. | |||
*En poengsum under 50 anses som dårlig. | |||
{| class="wikitable" style="text-align:left; width:100%" | |||
|+Tabell 1.0 – Vurdering av opplevelseskvalitet | |||
|- | |||
! Test !! God !! Krever forbedring !! Dårlig | |||
|- | |||
| FCP || [0, 1800ms] || [1800ms, 3000ms] || over 3000ms | |||
|- | |||
| LCP || [0, 2500ms] || [2500ms, 4000ms] || over 4000ms | |||
|- | |||
| CLS || [0, 0.1] || [0.1, 0.25] || over 0.25 | |||
|- | |||
| INP || [0, 200ms] || [200ms, 500ms] || over 500ms | |||
|- | |||
| TTFB (eksperimentell) || [0, 800ms] || [800ms, 1800ms] || over 1800ms | |||
|} | |||
Kilde: PageSpeed Insights | |||
==Kilder== | ==Kilder== | ||
| Linje 101: | Linje 129: | ||
*Osmani, Addy og Pollard, Barry (2025-02-07). ''Optimize Cumulative Layout Shift''. [online] Tilgjengelig på: https://web.dev/articles/optimize-cls [Besøkt 12. aug. 2026] | *Osmani, Addy og Pollard, Barry (2025-02-07). ''Optimize Cumulative Layout Shift''. [online] Tilgjengelig på: https://web.dev/articles/optimize-cls [Besøkt 12. aug. 2026] | ||
*Veniro (2026-07-09). ''Treg nettside? Her er de vanligste årsakene – og hva du gjør med dem''. [online] Tilgjengelig på: https://www.veniro.no/innsikt/treg-nettside-arsaker-og-losninger [Besøkt 12. aug. 2026] | *Veniro (2026-07-09). ''Treg nettside? Her er de vanligste årsakene – og hva du gjør med dem''. [online] Tilgjengelig på: https://www.veniro.no/innsikt/treg-nettside-arsaker-og-losninger [Besøkt 12. aug. 2026] | ||
*Demidova, Olga (2020-06-24). ''Milliseconds make millions''. | *Demidova, Olga (2020-06-24). ''Milliseconds make millions''. [online] Tilgjengelig på: https://web.dev/case-studies/milliseconds-make-millions [Besøkt 12. aug. 2026] | ||
*PageSpeed Insights (2024-10-21). ''About PageSpeed Insights''. [online] Tilgjengelig på: https://developers.google.com/speed/docs/insights/v5/about [Besøkt 12. aug. 2026] | |||
==Lenker til videre lesing og testing== | |||
*''Milliseconds make millions'' er en studie av hvordan raskere mobilnettsteder påvirker et merkes bunnlinje positivt. [https://www.deloitte.com/content/dam/assets-zone2/ie/en/docs/services/consulting/2023/Milliseconds_Make_Millions_report.pdf Vis PDF] | |||
*[https://pagespeed.web.dev/ PageSpeed Insights] er Google nettverktøyet som tester artikkelens ''Core Web Vitals'' (FCP, LCP, CLS, INP og TTFB). | |||
<div style="text-align:right; float:right; clear:both;"> | <div style="text-align:right; float:right; clear:both;"> | ||
<span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span> | <span style="font-size:24px;">[https://www.liavaag.org Liavaag.org]</span> | ||
</div> | </div> | ||