← Atpakaļ uz funkcijām
Pro

Core Web Vitals

Core Web Vitals parāda trīs rādītājus, kurus Google ierindo — LCP, CLS un INP — tie ir izmērīti tiešraidē jūsu skatītajā lapā, novērtēti atbilstoši Google sliekšņiem un izsekoti līdz precīzam elementam aiz katra skaitļa.

Core Web Vitals nosaka daļu no jūsu lapu ranga, taču parastie to mērīšanas veidi ir neērti. Laboratorijas rīki rada sintētisko slodzi, ko neviens nepiedzīvo. Search Console ziņo par reāliem lietotājiem ar četru nedēļu nokavēšanos, sagrupēti URL segmentos. Neviens no tiem nenorāda, kurš elements jūsu priekšā esošajā lapā rada problēmu.

Šis rīks mēra lapu, kuru jūs faktiski skatāt, kā to izmantojat. LCP, CLS un INP katrs saņem elementu ar savu vērtību, vērtējumu Labi, Nepieciešams strādāt vai Slikti, salīdzinot ar Google publicētajiem sliekšņiem, un joslu, kas parāda jūsu atrašanās vietu. FCP un TTFB atrodas blakus tiem konteksta dēļ, jo lēns LCP, ko izraisa lēns serveris, atšķiras no problēmas, ko izraisa smags attēls.

Definīcijas atbilst tam, ko Chrome ziņo CrUX, kas ir svarīgi, ja plānojat salīdzināt skaitļus ar Search Console. CLS izmanto sesiju logus — logs beidzas pēc vienas sekundes pārtraukuma vai pēc piecām sekundēm, un uzvar sliktākais logs, nevis naivi saskaita katru maiņu. INP ir jūsu mijiedarbības latentuma 98. procentile, kas parastam apmeklējumam ir vienkārši lēnākā mijiedarbība. LCP pārstāj mainīties pēc pirmās mijiedarbības, tieši tā, kā to dara pārlūks Chrome.

Visnoderīgākais ir tas, ka katrs numurs tiek piešķirts. Panelī tiek nosaukts lielākais krāsas elements, elementi, kas pārvietoti, un vislēnākā mijiedarbība, un poga Rādīt tiek ritināta līdz jebkuram no tiem un iezīmē to lapā. Tā vietā, lai zinātu, ka CLS ir 0,31, jūs redzat reklāmkarogu, kas nospiež jūsu saturu uz leju. Kopētajā ziņojumā viss tiek nosūtīts kā biļetes teksts.

Tiešraides priekšskatījums
example.com/products
Core Web Vitals Mērīšana tiešraidē
LCPLabi
1.84 s
CLSNabaga
0.312
INPVajag darbu
248 ms
FCP 1.12 s
TTFB 410 ms
Lielākais elements
1.84 s section.hero > img.banner Rādīt
Lielākās izkārtojuma maiņas
0.241 div.promo-banner Rādīt
0.071 ul.product-grid > li:nth-of-type(3) Rādīt
Galvenās funkcijas

Tiešraide LCP, CLS un INP

Trīs ranžēšanas rādītāji tiek atjaunināti, kad izmantojat lapu: ritināšana pārvieto CLS, noklikšķināšana un ierakstīšana pārvietot INP. Katrs no tiem ir novērtēts kā Labs, Nepieciešams strādāt vai Slikti, salīdzinot ar Google noteiktajiem sliekšņiem.

Norāda, kurš elements

Nosauc lielāko krāsas elementu, elementus, kas nobīdījās, un lēnāko mijiedarbību. Nospiediet Rādīt, lai ritinātu līdz jebkurai no tām un iezīmētu to tieši lapā.

Chrome pašas definīcijas

CLS izmanto sesiju logus ar 1 s atstarpi un 5 s ierobežojumu, INP ir mijiedarbības latentuma 98. procentile, un LCP sastingst pirmās mijiedarbības reizē — tāpēc jūsu skaitļi sakrīt ar Search Console.

FCP un TTFB kontekstam

First Contentful Paint un Time To First Byte atrodas blakus lielajiem trim, lai jūs varētu atšķirt lēnu serveri no smaga varoņa attēla, pirms sākat optimizēt nepareizo lietu.

Mijiedarbības sadalījums

Uzskaita jūsu lēnāko mijiedarbību ar notikuma veidu un iesaistīto elementu, tāpēc var atrast lēnu nolaižamo izvēlni vai filtru, nevis uzminēt.

Kopējams ziņojums

Ar vienu klikšķi katrs rādītājs, vērtējums un aizskarošais atlasītājs tiek kopēts kā vienkāršs teksts — tas ir gatavs ielīmēšanai biļetē, izvilkšanas pieprasījumā vai klienta e-pastā.

Biežākie lietošanas veidi

Lapas pārbaude pirms tās nosūtīšanas

Apstipriniet, ka LCP, CLS un INP ir redzami jaunajā veidnē, pirms tā tiek publicēta, nevis uzziniet to pakalpojumā Search Console mēnesi vēlāk.

Search Console brīdinājuma dzīšana

Search Console norāda, ka vietrāžu URL grupai neizdodas CLS; atveriet vienu no tiem ar šo rīku un precīzi noskaidrojiet, kurš elements veic pārslēgšanu.

Meklējot elementu, kas lec

Ritiniet lapu un skatieties, kā CLS uzkāpj, pēc tam nospiediet Rādīt, lai iezīmētu vēlu ielādes reklāmu, reklāmkarogu vai tīmekļa fontu, kas pārvieto jūsu saturu.

Lēnas saskarnes diagnostika

Noklikšķiniet caur filtriem, izvēlnēm un modāļiem, pēc tam izlasiet lēnākās mijiedarbības sarakstu, lai uzzinātu, kura vadīkla maksā simtiem milisekundes.

Pierādīšana, ka optimizācija nostrādāja

Ierakstiet skaitļus, izvietojiet labojumu, pēc tam vēlreiz izmēriet to pašu lapu un salīdziniet abus pārskatus blakus.

Kā lietot
1

Atveriet Core Web Vitals

Noklikšķiniet uz ikonas Core Web Vitals DevSuite Pro dokā. Metrikas flīzes parādās uzreiz, izmantojot visu, kas lapā jau ir ierakstīts.

2

Pārlādējiet, lai iegūtu tīru LCP

LCP ir nozīmīgs tikai no lapas ielādes sākuma, tāpēc atkārtoti ielādējiet paneli, kad vēlaties uzticamu nolasījumu.

3

Izmantojiet lapu kā parasti

Ritiniet visu lapu, lai izmantotu CLS, un noklikšķiniet, pieskarieties un ierakstiet, lai ģenerētu INP mērījumus. Flīzes tiek atjauninātas, kad dodaties.

4

Atrodi vainīgo

Nospiediet Rādīt blakus LCP elementam, izkārtojuma maiņas avotam vai lēnai mijiedarbībai. Lapa ritina līdz tai un iezīmē to, lai nebūtu neskaidrību par to, kurš elements ir atbildīgs.

5

Kopējiet pārskatu

Noklikšķiniet uz Kopēt pārskatu, lai skatītu vienkārša teksta kopsavilkumu par katru metriku, vērtējumu un atlasītāju. Nospiediet Reset, lai atkal sāktu CLS un INP no nulles.

Gatavs izmēģināt?

Instalējiet DevSuite Pro bez maksas un atbloķējiet 71+ izstrādātāju rīkus savam pārlūkam.

Pievienot pārlūkam Chrome Pievienot Edge Pievienot pārlūkam FireFox