Core Web Vitals rodo tris metrikus, pagal kuriuos „Google“ reitinguoja – LCP, CLS ir INP – išmatuotas tiesiogiai jūsų žiūrimame puslapyje, įvertintas pagal „Google“ slenksčius ir atsekamas iki tikslaus elemento, esančio už kiekvieno skaičiaus.
Core Web Vitals nustato dalį jūsų puslapių reitingo, tačiau įprasti jų matavimo būdai yra nepatogūs. Laboratoriniai įrankiai turi sintetinę apkrovą, kurios niekas nepatiria. „Search Console“ praneša apie tikrus naudotojus, kurie vėluoja keturias savaites, sugrupuotus į URL segmentus. Nei vienas, nei kitas nenurodo, kuris prieš jus esančio puslapio elementas yra problema.
Šis įrankis matuoja puslapį, kurį iš tikrųjų žiūrite, kai jį naudojate. LCP, CLS ir INP gauna išklotinę su savo verte, įvertinimu „Geras“, „Reikia darbo“ arba „Prastas“, palyginti su „Google“ paskelbtais slenksčiais, ir juostą, rodančią, kur sėdite. FCP ir TTFB yra šalia jų dėl konteksto, nes lėtas LCP, kurį sukelia lėtas serveris, skiriasi nuo problemos, kurią sukelia sunkus vaizdas.
Apibrėžimai atitinka tai, ką „Chrome“ praneša „CrUX“, o tai svarbu, jei ketinate palyginti skaičius su „Search Console“. CLS naudoja seanso langus – langas baigiasi po vienos sekundės pertraukos arba po penkių sekundžių, ir laimi blogiausias langas – o ne naiviai sudeda kiekvieną pamainą. INP yra 98-asis jūsų sąveikos delsos procentilis, kuris įprasto apsilankymo atveju yra tiesiog lėčiausia sąveika. LCP nustoja keistis pirmą kartą sąveikaujant, lygiai taip pat, kaip tai daro „Chrome“.
Naudingiausia, kad kiekvienas skaičius yra priskiriamas. Skydelyje įvardijamas didžiausio dažymo elementas, pasislinkę elementai ir lėčiausios sąveikos, o mygtukas Rodyti slenka prie bet kurio iš jų ir apibrėžia jį puslapyje. Užuot žinoję, kad CLS yra 0,31, matote reklamjuostę, kuri stumia jūsų turinį žemyn. Kopijuojant ataskaitą visa informacija pateikiama kaip bilieto tekstas.
Kai naudojate puslapį, atnaujinamos trys reitingavimo metrikos: slinkimas juda CLS, spustelėjimas ir įvedimas perkelti INP. Pagal „Google“ slenksčius kiekvienas įvertintas gerai, reikia dirbti arba prastas.
Įvardija didžiausią dažų elementą, elementus, kurie pasislinko, ir lėčiausią sąveiką. Paspauskite Rodyti, kad pereitumėte prie bet kurio iš jų ir apibūdintumėte jį tiesiai puslapyje.
CLS naudoja seansų langus su 1 s intervalu ir 5 s riba, INP yra 98-asis sąveikos delsos procentilis, o LCP užstringa pirmos sąveikos metu, todėl jūsų skaičiai sutampa su „Search Console“.
„First Contentful Paint“ ir „Time To First Byte“ yra šalia didžiųjų trijų, todėl galite atskirti lėtą serverį nuo sunkaus herojaus vaizdo prieš pradėdami optimizuoti netinkamą dalyką.
Išvardija lėčiausias sąveikas su įvykio tipu ir susijusiu elementu, todėl galima rasti lėtą išskleidžiamąjį meniu arba filtrą, o ne spėlioti.
Vienu paspaudimu kiekviena metrika, įvertinimas ir įžeidžiantis parinkiklis nukopijuojamas kaip paprastas tekstas – paruoštas įklijuoti į bilietą, ištraukimo užklausą arba kliento el. laišką.
Patvirtinkite, kad LCP, CLS ir INP yra žalios spalvos naujame šablone prieš jį paskelbiant, o ne sužinokite iš „Search Console“ po mėnesio.
„Search Console“ praneša, kad URL grupė neveikia CLS; atidarykite vieną iš jų naudodami šį įrankį ir tiksliai pamatysite, kuris elementas perkelia.
Slinkite puslapiu ir stebėkite, kaip kyla CLS, tada paspauskite Rodyti, kad apibūdintumėte vėlai įkeliamą skelbimą, reklamjuostę ar žiniatinklio šriftą, perkeliantį jūsų turinį.
Spustelėkite filtrus, meniu ir modalus, tada perskaitykite lėčiausios sąveikos sąrašą, kad sužinotumėte, kuris valdiklis kainuoja šimtus milisekundžių.
Įrašykite skaičius, įdiekite pataisą, tada dar kartą išmatuokite tą patį puslapį ir palyginkite dvi ataskaitas.
DevSuite Pro doke spustelėkite piktogramą Core Web Vitals. Metrinės plytelės rodomos iš karto, naudojant viską, kas jau buvo įrašyta puslapyje.
LCP yra prasminga tik nuo puslapio įkėlimo pradžios, todėl įkelkite iš naujo, kai skydelis atidarytas, kai norite skaityti, kuriuo galite pasitikėti.
Slinkite per visą puslapį, kad atliktumėte CLS, spustelėkite, bakstelėkite ir įveskite INP matavimus. Plytelės atnaujinamos einant.
Paspauskite Rodyti šalia LCP elemento, išdėstymo poslinkio šaltinio arba lėtos sąveikos. Puslapis slenka iki jo ir apibrėžia jį, kad nebūtų neaiškumų, kuris elementas yra atsakingas.
Spustelėkite Kopijuoti ataskaitą, kad gautumėte paprasto teksto kiekvienos metrikos, įvertinimo ir parinkiklio suvestinę. Paspauskite Reset, kad vėl paleistumėte CLS ir INP nuo nulio.
Įdiekite „DevSuite Pro“ nemokamai ir atrakinkite 71+ kūrėjų įrankius savo naršyklei.
