A PageSpeed Insights új Lighthouse sebesség mérőkkel bővül

A PageSpeed Insights új Lighthouse sebességmérőkkel bővül

A Google PageSpeed Insights két új mérőszámmal egészítette ki a PageSpeed Insights API-t és a Lighthouse felhasználói felületét. A két kísérletinek címkézett metrika mostantól helyszíni adatok gyűjtésére szolgál, míg a megfelelő laboratóriumi adatok diagnosztikai célokra használhatók.

Az új mérőszámok javítják a szerverrel kapcsolatos sebességre vonatkozó visszajelzéseket, és a korábban elérhetőnél átfogóbb képet adnak az oldalak teljesítményéről.

Frissült a Google Lighthouse

A Lighthouse mostantól frissült a két új metrikával.

Az új Lighthouse mérőszámok a következők:

  • Time to First Byte (TTFB)
  • Interaction to Next Paint (INP)

Time to First Byte (TTFB) (Az első bájtig eltelt idő)

Sokaknak ismerős lehet a Time to First Byte mert már évek óta létezik.

A Time to First Byte (TTFB) metrika azt méri, hogy a kiszolgáló milyen gyorsan válaszol egy erőforrás iránti kérelemre.

Ennek a metrikának a jelentősége tehát abban áll, hogy segít elkülöníteni egy olyan tényezőt (a szerver válaszkészségét), amely negatív hatással lehet az összes többi, utána következő oldalbetöltési metrikára.

Bárki, aki a Core Web Vitals javítására összpontosít, a TTFB-vel érdemes kezdenie a lehetséges gyors győzelem érdekében.

A TTFB-vel kapcsolatos újdonság, hogy most először érhető el mérőszámként a PageSpeed Insights eredmények szekciójában.

A Chrome szintén most először fogja gyűjteni és jelenteni a TTFB mező adatait.

Interaction to Next Paint (INP)

Az Interaction to Next Paint (INP) egy vadonatúj mérőszám, amely azt mutatja meg, hogy mennyi ideig tart az interakció az egész oldallal, amit a Google “teljes interakciós késleltetésnek” nevez.

Az INP mérőszám azt mutatja meg, hogy mennyi időbe telik a teljes oldallal való interakció, ami ellentétben áll a First Input Delay mérőszámmal, amely csak azt méri, hogy mennyi időbe telik, amíg az oldal válaszol a webhely látogatójának első interakciójára.

A Google egy termék példáján keresztül szemlélteti a jó és a rossz INP közötti különbséget.

A példában egy kattintható kép látható, ahol a terméket meg lehet nézni másik színben is.

A rossz válaszkészség példája az, hogy a felhasználó rákattint a képre, majd megvárja, hogy történjen valami de nincs visszajelzés a kattintásra.

A jó reszponzivitás példája, amikor a felhasználó ugyanarra a képre kattint, amely azonnal egy oldalbetöltő grafikával válaszol, amely azt kommunikálja, hogy a képre vonatkozó kérés megérkezett, és most töltődik be.

Forrás: https://web.dev/inp/

A Google Web.dev oldalon így magyarázza Interaction to Next Paint (INP) metrikát:

“Az INP egy olyan metrika, amelynek célja egy oldal teljes interakciós késleltetésének ábrázolása azáltal, hogy kiválasztja a felhasználó által az oldal meglátogatása során előforduló egyetlen leghosszabb interakciót.

Az összesen 50-nél kevesebb interakciót tartalmazó oldalak esetében az INP a legrosszabb késleltetésű interakció.

A sok interakcióval rendelkező oldalak esetében az INP leggyakrabban az interakciós késleltetés 98. százalékát jelenti.”

Új PageSpeed Insights elrendezés

Eltarthat egy ideig, amíg a valós mért adatok megjelennek, mivel olyan tényleges Chrome böngészőt használó felhasználóktól származnak, akik hozzájárultak ahhoz, hogy az oldalsebesség-adatokat elküldjék a Google-nak.

Az alapvető web vitals pontszámok sorban először szerepelnek az új értékek.

A PageSpeed Insights új Lighthouse sebességmérőkkel bővül
A PageSpeed Insights új Lighthouse sebességmérőkkel bővül

Chrome Lighthouse bővítmény

Az új metrikák megjelenítésének másik módja a Chrome Lighthouse bővítmény telepítése.

Ennek használatához bármelyik oldal megnyitása után a böngésző jobb felső sarkában lévő “világítótorony-ra” kell kattintani utána pirosra vagy zöldre vált, attól függően, hogy az oldal megfelel-e a Core Web Vitals metrikáknak.

Chrome Lighthouse bővítmény

A harmadik féltől származó eszközben is elérhetőek az új mérőszámok

A számos olyan oldalsebesség-eszköz, amely a Lighthouse-t használja elemzéséhez, az INP és TTFB metrikákat is megjeleníti.

A WebPageTest.org például mostantól az új mérőszámokat is mutatja.

Pillanatkép a WebPageTest Lighthouse eredményeiről

A WebPageTest.org eredményeinek képernyőképén már a TTFB és INP metrikák láthatóak.

Page Speed Insights frissítések

A PageSpeed Insights eszközhöz további frissítések is érkeztek.

Észrevehető változás az eredmények megjelenítésének sebessége, amely a valós és a laboratóriumi adatok párhuzamos betöltésével valósul meg.

Egy másik változás, hogy a PageSpeed Insights először megpróbálja feloldani a HTTP-átirányításokat, mielőtt elküldi az adatokat a Lighthouse-nak az elemzés elvégzésére. Korábban a Lighthouse az elemzés elvégzése közben kezelte a HTTP-átirányításokat.

Plusz még két további változás:

“A Core Web Vitals (CWV) mérőszámok (LCP, FID, CLS) közvetlenül a CWV értékelés alatt jelennek meg.

Szűkítettük a dizájnt, csökkentettük a szöveges tartalmat és a függőleges helyet.”

Még hasznosabbak a Lighthouse-adatok

Ennek a két mérőszámnak, a TTFB-nek és az INP-nek a hozzáadása jelentősen hasznosabbá teszi a Lighthouse-elemzést használó összes oldalsebesség-eszközt. A TTFB visszajelzést ad a szerverrel kapcsolatos problémákról, amelyek máshol a gyenge sebességteljesítmény hátterében állhatnak, az INP pedig a korábban elérhetőnél szélesebb körű áttekintést nyújt az oldalteljesítményről.

Forrás:

A Google hivatalos INP ismertetője
A Google frissített TTFB magyarázata
PageSpeed Insights megjegyzései


Kövess engem

Talán ez is érdekel

error: Content is protected !!