
Új Chrome API: Pontosabb Core Web Vitals mérések JavaScript oldalakhoz
Google Chrome legújabb tesztje egy új API-t céloz meg, amely a Core Web Vitals pontosabb mérésére összpontosít a JavaScript-alapú egyoldalas alkalmazások (SPA) esetében. A modern weboldalak, különösen azok, amelyek dinamikusan frissítik a tartalmukat anélkül, hogy teljes újratöltést végeznének, sokszor nem tudják aktiválni a Core Web Vitals méréseket a hagyományos navigációk hiánya miatt. Az új, Chrome 139-es verzióval bevezetett Soft Navigations API lehetővé teszi a fejlesztők számára, hogy nyomon követhessék a mérőszámokat, mint például a Largest Contentful Paint (LCP), a Cumulative Layout Shift (CLS) és az Interaction to Next Paint (INP), még akkor is, ha a felhasználó nem tölt be új oldalt.
Miért fontos ez a SEO szempontjából?
Az egyoldalas alkalmazások népszerűsége a gyorsaság és az interaktivitás miatt folyamatosan növekszik, azonban eddig nehezen voltak nyomon követhetők a teljesítménymérő eszközök, például a Lighthouse vagy a CrUX. A problémát az okozza, hogy a SPÁ-k gyakran JavaScript segítségével frissítik az oldalt anélkül, hogy hagyományos navigációt aktiválnának. Ennek következtében a Google mérései és a legtöbb teljesítményfigyelő eszköz nem észleli ezeket a frissítéseket a Core Web Vitals kiszámítása során. Az új API célja, hogy megszüntesse ezt a hiányosságot, lehetővé téve a pontosabb teljesítményértékelést, különösen azok számára, akik a felhasználói interakciók során navigálnak az alkalmazásban.
Az új API működése
A Chrome Soft Navigations API beépített heuristikákat használ a „lágy navigációk” észlelésére. Például, amikor egy felhasználó rákattint egy linkre, a böngésző frissíti az oldal URL-jét, a DOM láthatóan megváltozik, és újrarajzolásra kerül. Amikor ezek a feltételek teljesülnek, a Chrome mostantól navigációs eseményként kezeli azokat a teljesítménymérés során, még akkor is, ha nem történt teljes oldalbetöltés. Az API új metrikákat és fejlesztéseket vezet be, beleértve az interaction-contentful-paint-t, amely lehetővé teszi a legnagyobb tartalmi festés mérését lágy navigáció után, valamint a navigationId-t, amely a teljesítménybejegyzésekhez kapcsolódik, így a metrikák összekapcsolhatók a specifikus navigációkkal.
Hogyan lehet kipróbálni?
A Chrome 139-es verziójában már ma is tesztelhetjük ezt a funkciót. Két módszer közül választhatunk:
1. **Helyi tesztelés**: Engedélyezzük a chrome://flags/#soft-navigation-heuristics opciót.
2. **Eredeti teszt**: Adjon hozzá egy tokent az oldalához meta tag vagy HTTP fejléc segítségével a valós felhasználói adatok gyűjtéséhez.
A Chrome javasolja az „Advanced Paint Attribution” zászló engedélyezését a legteljesebb adatokhoz.
Mit mond a szakértő a hírről?
Megkérdeztük Császár Viktor SEO szakértőt, hogy kommentálja ezt a fontos frissítést. Viktor elmondta, hogy „Ez a lépés kulcsfontosságú a modern weboldalak teljesítményének pontosabb nyomon követésében. A JavaScript-alapú egyoldalas alkalmazások rendkívül népszerűek, de eddig sok esetben nem tudtuk pontosan mérni a felhasználói élményt és a teljesítményt. Az új API bevezetése jó irány, és ha a teszt sikeres lesz, az jelentős előnyöket hozhat mind a felhasználók, mind a weboldal tulajdonosok számára. Érdemes figyelemmel kísérni a fejleményeket, hiszen a pontos mérések kulcsfontosságúak a SEO stratégiák szempontjából.”
További információkért látogasson el Császár Viktor weboldalára: csaszarviktor.hu.
Forrás: SearchEngineJournal.com

