Core Web Vitals näyttää kolme mittaria, joilla Google sijoittuu – LCP, CLS ja INP – mitattuna reaaliaikaisesti tarkastelemallasi sivulla, arvioituna Googlen kynnysarvoihin nähden ja jäljitettynä kunkin numeron takana olevaan tarkkaan elementtiin.
Core Web Vitals päättää osan sivujesi sijoituksesta, mutta tavalliset tavat mitata niitä ovat hankalia. Laboratoriotyökalut saavat aikaan synteettisen kuormituksen, jota kukaan ei koe. Search Console raportoi todellisista käyttäjistä neljä viikkoa myöhässä ryhmiteltyinä URL-ryhmiin. Kumpikaan ei kerro, mikä elementti edessäsi olevalla sivulla on ongelma.
Tämä työkalu mittaa sivua, jota todella tarkastelet, kun käytät sitä. LCP, CLS ja INP saavat kukin ruudun arvoineen, Hyvä, Tarvitsee työtä tai Huono -luokituksen Googlen julkaisemiin kynnysarvoihin nähden sekä palkin, joka näyttää, missä istut. FCP ja TTFB ovat niiden rinnalla kontekstin vuoksi, koska hitaan palvelimen aiheuttama hidas LCP on eri ongelma kuin raskaan kuvan aiheuttama.
Määritelmät vastaavat sitä, mitä Chrome raportoi CrUX:lle, millä on merkitystä, jos aiot verrata lukuja Search Consolen kanssa. CLS käyttää istuntoikkunoita – ikkuna päättyy yhden sekunnin tauon jälkeen tai viiden sekunnin kuluttua ja pahin ikkuna voittaa – sen sijaan, että naiivisti laskettaisiin kaikki työvuorot yhteen. INP on vuorovaikutusviiveesi 98. prosenttipiste, joka normaalissa käynnissä on yksinkertaisesti hitain vuorovaikutus. LCP lakkaa muuttumasta ensimmäisellä käyttökerrallasi, aivan kuten Chrome tekee sen.
Kaikkein hyödyllisintä on, että jokainen numero on määritetty. Paneeli nimeää suurimman maalielementin, siirtyneet elementit ja hitaimmat vuorovaikutukset, ja Näytä-painike vierittää minkä tahansa niistä ja hahmottaa sen sivulla. Sen sijaan, että tietäisit, että CLS on 0,31, näet bannerin, joka painaa sisältöäsi alas. Kopioraportti antaa sinulle koko asian lipun tekstinä.
Kolme sijoitusmittaria päivittyvät, kun käytät sivua: vieritys siirtää CLS:ää, napsauttaminen ja kirjoittaminen liikkua INP. Jokainen on luokiteltu Googlen kynnysten mukaan Hyväksi, Tarvitsee työtä tai Huonoksi.
Nimeää suurimman maalielementin, siirtyneet elementit ja hitaimmat vuorovaikutukset. Paina Näytä, kun haluat selata minkä tahansa niistä ja piirtää sen suoraan sivulla.
CLS käyttää istuntoikkunoita, joissa on 1 sekunnin väli ja 5 sekunnin yläraja, INP on vuorovaikutusviiveiden 98. prosenttipiste, ja LCP jäätyy ensimmäisen vuorovaikutuksen yhteydessä – joten numerosi ovat Search Consolen mukaisia.
First Contentful Paint ja Time To First Byte sijaitsevat kolmen suuren vieressä, joten voit erottaa hitaan palvelimen raskaasta sankarikuvasta ennen kuin alat optimoida väärää asiaa.
Luetteloi hitain vuorovaikutuksesi tapahtumatyypin ja siihen liittyvän elementin kanssa, joten voit löytää hitaan pudotusvalikon tai suodattimen arvaamisen sijaan.
Yksi napsautus kopioi jokaisen mittarin, luokituksen ja loukkaavan valitsimen pelkkänä tekstinä – valmiina liitettäväksi lippuun, vetopyyntöön tai asiakassähköpostiin.
Varmista, että LCP, CLS ja INP ovat vihreitä uudessa mallissa ennen kuin se julkaistaan sen sijaan, että saat selville Search Consolesta kuukautta myöhemmin.
Search Console kertoo, että URL-osoitteiden ryhmä epäonnistuu CLS:ssä. avaa yksi niistä tällä työkalulla ja katso tarkalleen, mikä elementti siirtää.
Vieritä sivua ja katso CLS:n nousua ja paina sitten Näytä hahmotellaksesi myöhään latautuvan mainoksen, bannerin tai verkkokirjasimen, joka siirtää sisältöäsi.
Napsauta suodattimia, valikoita ja modaaleja ja lue sitten hitain vuorovaikutusluettelo selvittääksesi, mikä ohjaus maksaa satoja millisekunteja.
Tallenna luvut, ota korjaus käyttöön, mittaa sitten sama sivu uudelleen ja vertaa kahta raporttia vierekkäin.
Napsauta Core Web Vitals-kuvaketta DevSuite Pro Dockissa. Mittarilaatat näkyvät heti käyttämällä mitä tahansa sivulle jo tallennettua.
LCP on merkityksellinen vain sivun latauksen alusta, joten lataa uudelleen paneelin ollessa auki, kun haluat luottaa.
Selaa koko sivua harjoittaaksesi CLS:ää ja luo INP-mittaukset napsauttamalla, napauttamalla ja kirjoittamalla. Laatat päivittyvät edetessäsi.
Paina Näytä LCP-elementin, layout-shift-lähteen tai hitaan vuorovaikutuksen vieressä. Sivu rullaa siihen ja hahmottelee sen, jotta ei ole epäselvyyttä siitä, mikä elementti on vastuussa.
Napsauta Kopioi raportti nähdäksesi pelkkätekstiyhteenvedon jokaisesta tiedosta, arvosanasta ja valitsimesta. Paina Reset käynnistääksesi CLS ja INP uudelleen tyhjästä.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 71 kehittäjätyökalua selaimellesi.
