Core Web Vitals viser de tre målinger, Google rangerer på - LCP, CLS og INP - målt live på den side, du ser, vurderet i forhold til Googles tærskler og sporet tilbage til det nøjagtige element bag hvert tal.
Core Web Vitals bestemmer en del af, hvordan dine sider rangerer, men de sædvanlige måder at måle dem på er akavede. Labværktøjer scorer en syntetisk belastning, som ingen oplever. Search Console rapporterer rigtige brugere, fire uger for sent, grupperet i URL-grupper. Ingen af dem fortæller dig, hvilket element på siden foran dig, der er problemet.
Dette værktøj måler den side, du faktisk kigger på, mens du bruger den. LCP, CLS og INP får hver en brik med sin værdi, en god, behov for arbejde eller dårlig vurdering i forhold til Googles offentliggjorte tærskler og en bjælke, der viser, hvor du sidder. FCP og TTFB sidder ved siden af dem for kontekst, fordi en langsom LCP forårsaget af en langsom server er et andet problem end et problem forårsaget af et tungt image.
Definitionerne matcher, hvad Chrome rapporterer til CrUX, hvilket betyder noget, hvis du har til hensigt at sammenligne tal med Search Console. CLS bruger sessionsvinduer – et vindue slutter efter et mellemrum på et sekund eller ved fem sekunder, og det værste vindue vinder – i stedet for naivt at lægge hvert skift sammen. INP er den 98. percentil af dine interaktionsforsinkelser, som for et normalt besøg simpelthen er den langsomste interaktion. LCP stopper med at ændre sig ved din første interaktion, præcis som Chrome gør det.
Mest nyttigt er hvert tal tilskrevet. Panelet navngiver det største malingselement, de elementer, der skiftede og de langsomste interaktioner, og en Vis-knap ruller til et af dem og skitserer det på siden. I stedet for at vide, at CLS er 0.31, ser du banneret, der presser dit indhold ned. Kopirapport giver dig det hele som tekst til en billet.
De tre rangeringsmetrics opdateres, mens du bruger siden: rulning flytter CLS, klik og skriv flyt INP. Hver af dem er bedømt som God, Behøver arbejde eller Dårlig i forhold til Googles tærskler.
Navngiver det største malingselement, de elementer, der skiftede og de langsomste interaktioner. Tryk på Vis for at rulle til en af dem og skitsere den direkte på siden.
CLS bruger sessionsvinduer med et mellemrum på 1 sekunder og et loft på 5 sekunder, INP er den 98. percentil af interaktionsforsinkelser, og LCP fryser ved første interaktion - så dine tal stemmer overens med Search Console.
First Contentful Paint og Time To First Byte sidder ved siden af de tre store, så du kan skelne en langsom server fra et tungt heltebillede, før du begynder at optimere den forkerte ting.
Viser dine langsomste interaktioner med begivenhedstypen og det involverede element, så en træg dropdown eller filter kan findes i stedet for at gætte på.
Et klik kopierer hver metrik, vurdering og stødende vælger som almindelig tekst - klar til at indsætte i en billet, en pull-anmodning eller en klient-e-mail.
Bekræft, at LCP, CLS og INP er i grønt på en ny skabelon, før den går live, i stedet for at finde ud af det fra Search Console en måned senere.
Search Console fortæller dig, at en gruppe URL'er ikke klarer CLS; åbn en af dem med dette værktøj og se præcis, hvilket element der skifter.
Rul på siden og se CLS klatre, og tryk derefter på Vis for at skitsere den sent indlæste annonce, banner eller webskrifttype, der flytter dit indhold.
Klik gennem filtre, menuer og modaler, og læs derefter listen med langsomste interaktion for at finde ud af, hvilken kontrol der koster hundredvis af millisekunder.
Registrer tallene, implementer rettelsen, mål derefter den samme side igen og sammenlign de to rapporter side om side.
Klik på Core Web Vitals-ikonet i DevSuite Pro-dockingstationen. Metriske fliser vises med det samme med det, siden allerede har optaget.
LCP er kun meningsfuldt fra starten af en sideindlæsning, så genindlæs med panelet åbent, når du vil have en læsning, du kan stole på.
Rul gennem hele siden for at træne CLS, og klik, tryk og skriv for at generere INP-målinger. Fliserne opdateres, mens du går.
Tryk på Vis ved siden af LCP-elementet, en layout-shift-kilde eller en langsom interaktion. Siden ruller til den og skitserer den, så der ikke er nogen uklarhed om, hvilket element der er ansvarligt.
Klik på Kopiér rapport for at få en almindelig oversigt over hver metrik, vurdering og vælger. Tryk på Reset for at starte CLS og INP igen fra bunden.
Installer DevSuite Pro gratis og lås op for 71+ udviklerværktøjer til din browser.
