Core Web Vitals näitab kolme mõõdikut, mille järgi Google järjestab – LCP, CLS ja INP – mõõdetuna reaalajas teie vaadataval lehel, hinnatud Google'i lävede alusel ja iga numbri taga oleva täpse elemendini.
Core Web Vitals määrab osa teie lehtede asetusest, kuid tavapärased viisid nende mõõtmiseks on ebamugavad. Laboritööriistad annavad sünteetilise koormuse, mida keegi ei koge. Search Console teatab tegelikest kasutajatest, kes on neli nädalat hilinenud ja on rühmitatud URL-i gruppidesse. Kumbki ei ütle teile, milline teie ees oleva lehe element on probleem.
See tööriist mõõdab lehte, mida te tegelikult vaatate, kui seda kasutate. LCP, CLS ja INP saavad kumbki paani oma väärtusega, hinnangu Hea, Vajab tööd või Kehv, võrreldes Google'i avaldatud lävedega, ja riba, mis näitab teie asukohta. FCP ja TTFB istuvad konteksti jaoks nende kõrval, sest aeglase serveri põhjustatud aeglane LCP erineb raskest pildist põhjustatud probleemist.
Määratlused ühtivad sellega, mida Chrome CrUX-ile edastab, mis on oluline, kui kavatsete numbreid Search Console'iga võrrelda. CLS kasutab sessiooniaknaid – aken lõpeb pärast ühesekundilist vaheaega või viie sekundi pärast ja halvim aken võidab – selle asemel, et naiivselt iga vahetust kokku liita. INP on teie interaktsiooni latentsusaja 98. protsentiil, mis tavalise külastuse korral on lihtsalt kõige aeglasem interaktsioon. LCP lõpetab muutumise teie esimesel suhtlusel täpselt nii, nagu Chrome seda teeb.
Kõige kasulikum on see, et iga number on omistatud. Paneel nimetab suurima värviga elemendi, nihkunud elemendid ja kõige aeglasemad interaktsioonid ning nupp Näita kerib ükskõik millisele neist ja kirjeldab seda lehel. Selle asemel, et teada saada, et CLS on 0,31, näete bännerit, mis surub teie sisu alla. Kopeerimisaruanne annab teile kogu asja pileti tekstina.
Kolm järjestusmõõdikut uuenevad lehe kasutamisel: kerimine liigutab CLS-i, klõpsamine ja tippimine liiguta INP. Igaüks neist on Google'i lävede järgi hinnatud Hea, Vajab tööd või Kehv.
Nimetab suurima värvielemendi, nihkunud elemendid ja aeglaseima interaktsiooni. Vajutage Näita, et kerida ükskõik millisele neist ja visandada see otse lehel.
CLS kasutab seansiaknaid 1 s vahe ja 5 s piiranguga, INP on interaktsiooni latentsusaegade 98. protsentiil ja LCP hangub esimesel interaktsioonil – nii et teie numbrid ühtivad Search Console'iga.
First Contentful Paint ja Time To First Byte asuvad suure kolme kõrval, nii et saate aeglase serveri raskest kangelasepildist eristada, enne kui hakkate vale asja optimeerima.
Loetleb teie aeglaseimad interaktsioonid sündmuse tüübi ja kaasatud elemendiga, nii et arvamise asemel võib leida aeglase rippmenüü või filtri.
Üks klõps kopeerib iga mõõdiku, hinnangu ja rikkuva valija lihttekstina – valmis kleepimiseks piletisse, tõmbetaotlusesse või kliendi meili.
Kontrollige, kas LCP, CLS ja INP on uue malli puhul rohelised enne selle avaldamist, selle asemel, et kuu hiljem Search Console'ist teada saada.
Search Console annab teile teada, et URL-ide rühma CLS-i ebaõnnestumine; avage üks neist selle tööriistaga ja vaadake täpselt, milline element nihutab.
Kerige lehte ja vaadake, kuidas CLS ronib, seejärel vajutage nuppu Näita, et visandada teie sisu teisaldav reklaam, bänner või veebifond.
Klõpsake läbi filtrite, menüüde ja modaalide ning seejärel lugege aeglasema interaktsiooni loendit, et leida, milline juhtseade maksab sadu millisekundeid.
Salvestage numbrid, juurutage parandus, seejärel mõõtke sama leht uuesti ja võrrelge kahte aruannet kõrvuti.
Klõpsake DevSuite Pro dokis ikooni Core Web Vitals. Mõõdikud kuvatakse kohe, kasutades seda, mida leht on juba salvestanud.
LCP on mõttekas ainult lehe laadimise algusest, nii et laadige uuesti avatud paneeliga, kui soovite usaldusväärset lugemist.
Kerige läbi terve lehe, et teostada CLS-i, ning klõpsake, koputage ja sisestage INP mõõtmiste genereerimiseks. Plaate värskendatakse töö käigus.
Vajutage LCP-elemendi, paigutuse nihutamise allika või aeglase suhtluse kõrval nuppu Kuva. Leht kerib selleni ja kirjeldab seda, nii et ei jääks kahemõttelisust selle kohta, milline element vastutab.
Iga mõõdiku, hinnangu ja valija lihtteksti kokkuvõtte nägemiseks klõpsake käsul Kopeeri aruanne. CLS-i ja INP-i nullist käivitamiseks vajutage nuppu Lähtesta.
Paigaldage DevSuite Pro tasuta ja avage 71+ arendustööriista oma brauserile.
