A Core Web Vitals azt a három mérőszámot mutatja, amelyeken a Google rangsorol – LCP, CLS és INP – élőben mérve az Ön által megtekintett oldalon, a Google küszöbértékeihez viszonyítva, és visszavezetve az egyes számok mögötti pontos elemre.
A Core Web Vitals részben meghatározza az oldalak rangsorolását, de ezek mérésének szokásos módjai körülményesek. A laboratóriumi eszközök olyan szintetikus terhelést mérnek, amelyet senki sem tapasztal. A Search Console valódi felhasználókat jelent négy hét késéssel, URL-csoportokba csoportosítva. Egyik sem mondja meg, hogy az előtte lévő oldalon melyik elem okozza a problémát.
Ez az eszköz használat közben méri a ténylegesen megtekintett oldalt. Az LCP, a CLS és az INP mindegyike kap egy-egy csempét a saját értékével, a Google által közzétett küszöbértékekhez képest Jó, Munka kell vagy Rossz besorolást, valamint egy sávot, amely megmutatja, hol ül. Az FCP és a TTFB mellettük helyezkednek el a kontextus szempontjából, mivel a lassú szerver által okozott lassú LCP más probléma, mint a nehéz kép által okozott probléma.
A meghatározások megegyeznek azzal, amit a Chrome jelent a CrUX-nak, ami akkor számít, ha a számokat a Search Console-lal kívánja összehasonlítani. A CLS munkamenet-ablakokat használ – egy ablak egy másodperces szünet után vagy öt másodperc múlva ér véget, és a legrosszabb ablak nyer – ahelyett, hogy naivan összeadnák az összes műszakot. Az INP az interakciós késések 98. százaléka, amely normál látogatás esetén egyszerűen a leglassabb interakció. Az LCP az első interakciónál leáll, pontosan úgy, ahogy a Chrome teszi.
A leghasznosabb, ha minden szám hozzá van rendelve. A panel megnevezi a legnagyobb festési elemet, az eltolt elemeket és a leglassabb interakciókat, és a Show gomb bármelyikre görget, és körvonalazza az oldalon. Ahelyett, hogy tudná, hogy a CLS 0,31, azt a szalaghirdetést látja, amely lefelé nyomja a tartalmat. A másolati jelentés szövegként jegyet ad az egésznek.
A három rangsorolási mutató az oldal használata során frissül: a görgetés mozgatja a CLS-t, a kattintás és a beírás: mozgatás INP. Mindegyik a Google küszöbértékeihez képest jó, munkát igényel vagy gyenge besorolású.
Megnevezi a legnagyobb festékelemet, az elmozduló elemeket és a leglassabb kölcsönhatásokat. Nyomja meg a Megjelenítés gombot, hogy bármelyikre görgessen, és körvonalazzon közvetlenül az oldalon.
A CLS 1 másodperces résszel és 5 másodperces korláttal használ munkamenet-ablakokat, az INP az interakciós késések 98. százaléka, az LCP pedig lefagy az első interakciónál – így a számok a Search Console-hoz igazodnak.
A First Contentful Paint és a Time To First Byte a nagy három mellett található, így megkülönböztetheti a lassú szervert a nehéz hősképtől, mielőtt elkezdené optimalizálni a rossz dolgokat.
Felsorolja a leglassabb interakciókat az eseménytípussal és az érintett elemmel, így a kitalálás helyett lassú legördülő menü vagy szűrő található.
Egy kattintással egyszerű szövegként másol minden mérőszámot, értékelést és sértő választót – készen arra, hogy beillessze egy jegybe, egy lehívási kérelembe vagy egy ügyfél e-mailbe.
Győződjön meg arról, hogy az LCP, a CLS és az INP zölden jelenik meg az új sablonon, mielőtt elkezdené élesíteni, ahelyett, hogy egy hónappal később megtudná a Search Console-ból.
A Search Console azt jelzi, hogy az URL-ek egy csoportja nem felel meg a CLS-nek; nyissa meg az egyiket ezzel az eszközzel, és nézze meg, hogy pontosan melyik elem végzi el az eltolást.
Görgessen az oldalon, és nézze meg a CLS felemelkedését, majd nyomja meg a Megjelenítés gombot a későn betöltődő hirdetés, szalaghirdetés vagy webes betűtípus körvonalazásához, amely a tartalmat mozgatja.
Kattintson a szűrőkre, a menükre és a módokra, majd olvassa el a leglassabb interakciók listáját, hogy megtudja, melyik vezérlés kerül több száz ezredmásodpercbe.
Jegyezze fel a számokat, telepítse a javítást, majd mérje meg újra ugyanazt az oldalt, és hasonlítsa össze a két jelentést egymás mellett.
Kattintson a Core Web Vitals ikonra a DevSuite Pro dokkban. A metrikus csempék azonnal megjelennek az oldalon már rögzített adatok alapján.
Az LCP-nek csak az oldalbetöltés kezdetétől van értelme, ezért töltse be újra nyitott panellel, amikor megbízható olvasmányt szeretne.
Görgessen végig az egész oldalon a CLS gyakorlathoz, kattintson, koppintson és gépelje be az INP mérések generálásához. A csempék menet közben frissülnek.
Nyomja meg a Megjelenítés gombot az LCP elem, egy elrendezéseltolásos forrás vagy egy lassú interakció mellett. Az oldal görget rá, és körvonalazza, így nem marad kétértelmű, hogy melyik elem felelős.
Kattintson a Jelentés másolása lehetőségre az összes mutató, értékelés és választó egyszerű szöveges összefoglalásához. Nyomja meg a Reset gombot a CLS és az INP újraindításához.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 71+ fejlesztői eszközt böngészőjéhez.
