Core Web Vitals toont de drie statistieken waarop Google scoort (LCP, CLS en INP), live gemeten op de pagina die u bekijkt, beoordeeld aan de hand van de drempelwaarden van Google en terug te voeren op het exacte element achter elk getal.
Core Web Vitals bepaalt een deel van hoe uw pagina's ranken, maar de gebruikelijke manieren om ze te meten zijn lastig. Labtools scoren een synthetische belasting die niemand ervaart. Search Console rapporteert vier weken te laat echte gebruikers, gegroepeerd in URL-buckets. Geen van beide vertelt u welk element op de pagina voor u het probleem is.
Deze tool meet de pagina die u daadwerkelijk bekijkt, terwijl u deze gebruikt. LCP, CLS en INP krijgen elk een tegel met hun waarde, een beoordeling Goed, Werk nodig of Slecht op basis van de door Google gepubliceerde drempelwaarden, en een balk die aangeeft waar u zit. FCP en TTFB staan naast elkaar voor context, omdat een trage LCP veroorzaakt door een trage server een ander probleem is dan een probleem veroorzaakt door een zwaar image.
De definities komen overeen met wat Chrome rapporteert aan Crux, wat van belang is als je de cijfers wilt vergelijken met Search Console. CLS maakt gebruik van sessievensters – een venster eindigt na een pauze van één seconde of na vijf seconden, en het slechtste venster wint – in plaats van naïef elke dienst bij elkaar op te tellen. INP is het 98e percentiel van uw interactielatenties, wat bij een normaal bezoek simpelweg de langzaamste interactie is. LCP stopt met veranderen bij uw eerste interactie, precies zoals Chrome dat doet.
Het handigste is dat elk nummer wordt toegekend. Het paneel noemt het grootste verfelement, de elementen die zijn verschoven en de langzaamste interacties, en een knop Weergeven schuift naar een van deze elementen en schetst deze op de pagina. In plaats van te weten dat CLS 0,31 is, ziet u de banner die uw inhoud naar beneden duwt. Kopieerrapport geeft u het hele ding als tekst voor een ticket.
De drie rangschikkingsstatistieken worden bijgewerkt terwijl u de pagina gebruikt: scrollen beweegt CLS, klikken en typen zet INP. Elke categorie wordt beoordeeld als Goed, Heeft werk nodig of Slecht volgens de drempelwaarden van Google.
Noemt het grootste verfelement, de elementen die zijn verschoven en de langzaamste interacties. Druk op Tonen om naar een van deze te bladeren en deze direct op de pagina te schetsen.
CLS gebruikt sessievensters met een tussenruimte van 1 seconde en een limiet van 5 seconden, INP is het 98e percentiel van interactielatenties en LCP loopt vast bij de eerste interactie, zodat uw cijfers overeenkomen met Search Console.
First Contentful Paint en Time To First Byte zitten naast de grote drie, zodat je een trage server kunt onderscheiden van een zware heldenafbeelding voordat je het verkeerde gaat optimaliseren.
Geeft een overzicht van uw langzaamste interacties met het gebeurtenistype en het betrokken element, zodat een trage vervolgkeuzelijst of filter kan worden gevonden in plaats van te raden.
Met één klik kopieert u elke statistiek, beoordeling en overtredende selector als platte tekst, klaar om in een ticket, een pull-verzoek of een e-mail van een klant te plakken.
Bevestig dat LCP, CLS en INP in het groen staan op een nieuwe template voordat deze live gaat, in plaats van dit een maand later via Search Console te horen.
Search Console vertelt u dat een groep URL's CLS niet haalt; open er een met deze tool en kijk precies welk element de verschuiving uitvoert.
Blader door de pagina en zie hoe CLS omhoog gaat. Druk vervolgens op Weergeven om een overzicht te geven van de laat geladen advertentie, banner of weblettertype dat uw inhoud verplaatst.
Klik door filters, menu's en modaliteiten en lees vervolgens de lijst met langzaamste interacties om te zien welke besturing honderden milliseconden kost.
Registreer de cijfers, implementeer de oplossing, meet vervolgens dezelfde pagina opnieuw en vergelijk de twee rapporten naast elkaar.
Klik op het Core Web Vitals-pictogram in het DevSuite Pro-dock. Metrische tegels verschijnen meteen op basis van wat de pagina al heeft vastgelegd.
LCP heeft alleen betekenis vanaf het begin van het laden van een pagina, dus laad opnieuw met het paneel open als u een meting wilt die u kunt vertrouwen.
Blader door de hele pagina om CLS uit te oefenen en klik, tik en typ om INP-metingen te genereren. De tegels worden gaandeweg bijgewerkt.
Druk op Weergeven naast het LCP-element, een bron met lay-outverschuiving of een langzame interactie. De pagina scrollt ernaartoe en geeft een overzicht ervan, zodat er geen onduidelijkheid bestaat over welk element verantwoordelijk is.
Klik op Rapport kopiëren voor een samenvatting in platte tekst van elke statistiek, beoordeling en selector. Druk op Reset om CLS en INP opnieuw vanaf nul te starten.
Installeer DevSuite Pro gratis en ontgrendel 71+ ontwikkelaarstools voor uw browser.
