Core Web Vitals viser de tre beregningene Google rangerer på – LCP, CLS og INP – målt live på siden du ser på, vurdert mot Googles terskler og sporet tilbake til det eksakte elementet bak hvert tall.
Core Web Vitals bestemmer en del av hvordan sidene dine rangeres, men de vanlige måtene å måle dem på er vanskelige. Labverktøy gir en syntetisk belastning som ingen opplever. Search Console rapporterer ekte brukere, fire uker for sent, gruppert i URL-områder. Verken forteller deg hvilket element på siden foran deg som er problemet.
Dette verktøyet måler siden du faktisk ser på, mens du bruker den. LCP, CLS og INP får hver sin brikke med sin verdi, en god, trenger arbeid eller dårlig vurdering mot Googles publiserte terskler, og en stolpe som viser hvor du sitter. FCP og TTFB sitter ved siden av dem for kontekst, fordi en treg LCP forårsaket av en treg server er et annet problem enn et som er forårsaket av et tungt bilde.
Definisjonene samsvarer med det Chrome rapporterer til CrUX, noe som betyr noe hvis du har tenkt å sammenligne tall med Search Console. CLS bruker øktvinduer – et vindu slutter etter ett sekunds mellomrom eller ved fem sekunder, og det verste vinduet vinner – i stedet for å legge sammen hvert skift naivt. INP er den 98. persentilen av interaksjonsforsinkelser, som for et normalt besøk ganske enkelt er den tregeste interaksjonen. LCP slutter å endre seg ved første interaksjon, akkurat slik Chrome gjør det.
Mest nyttig er at hvert tall tilskrives. Panelet navngir det største malingselementet, elementene som skiftet og de tregeste interaksjonene, og en Vis-knapp ruller til et av dem og skisserer det på siden. I stedet for å vite at CLS er 0.31, ser du banneret som presser innholdet ditt ned. Kopirapport gir deg hele greia som tekst for en billett.
De tre rangeringsberegningene oppdateres etter hvert som du bruker siden: rulling flytter CLS, klikk og skriv flytte INP. Hver er vurdert som God, Trenger arbeid eller Dårlig i forhold til Googles terskler.
Navngir det største malingselementet, elementene som skiftet og de tregeste interaksjonene. Trykk Vis for å bla til en av dem og skissere den direkte på siden.
CLS bruker øktvinduer med 1s gap og 5s cap, INP er den 98. persentilen av interaksjonsforsinkelser, og LCP fryser ved første interaksjon – så tallene dine stemmer overens med Search Console.
First Contentful Paint og Time To First Byte sitter ved siden av de tre store, slik at du kan skille en treg server fra et tungt heltebilde før du begynner å optimalisere feil ting.
Viser de tregeste interaksjonene dine med hendelsestypen og det involverte elementet, slik at du kan finne en treg rullegardin eller filter i stedet for å gjette på.
Ett klikk kopierer hver beregning, vurdering og støtende velger som ren tekst – klar til å lime inn i en billett, en pull-forespørsel eller en klient-e-post.
Bekreft at LCP, CLS og INP er i grønt på en ny mal før den publiseres, i stedet for å finne ut av Search Console en måned senere.
Search Console forteller deg at en gruppe URL-er mislykkes i CLS; åpne en av dem med dette verktøyet og se nøyaktig hvilket element som forskyver.
Rull på siden og se CLS klatre opp, og trykk deretter Vis for å skissere annonsen, banneret eller nettfonten som flytter innholdet ditt.
Klikk gjennom filtre, menyer og modaler, og les deretter listen med tregeste interaksjoner for å finne hvilken kontroll som koster hundrevis av millisekunder.
Registrer tallene, distribuer rettelsen, mål deretter den samme siden igjen og sammenlign de to rapportene side om side.
Klikk på Core Web Vitals-ikonet i DevSuite Pro-dokken. Metriske fliser vises umiddelbart med det siden allerede har registrert.
LCP er bare meningsfylt fra starten av en sideinnlasting, så last inn på nytt med panelet åpent når du vil ha en lesing du kan stole på.
Rull gjennom hele siden for å trene CLS, og klikk, trykk og skriv for å generere INP-målinger. Flisene oppdateres mens du går.
Trykk Vis ved siden av LCP-elementet, en layout-shift-kilde eller en langsom interaksjon. Siden ruller til den og skisserer den slik at det ikke er noen tvetydighet om hvilket element som er ansvarlig.
Klikk på Kopier rapport for en ren tekstsammendrag av hver beregning, vurdering og velger. Trykk Tilbakestill for å starte CLS og INP igjen fra bunnen av.
Installer DevSuite Pro gratis og lås opp 71+ utviklerverktøy for nettleseren din.
