Új Chrome API a Core Web Vitals pontosabb méréséért SPÁ-k esetén

Google Chrome új API-t tesztel, amely célja a Core Web Vitals pontosabb mérése a JavaScript-alapú Single Page Application (SPA) weboldalak esetében. Az új lehetőségek bevezetésével a webfejlesztők képesek lesznek a teljesítménymutatók, például a Largest Contentful Paint (LCP), a Cumulative Layout Shift (CLS) és az Interaction to Next Paint (INP) pontos nyomon követésére, még akkor is, ha a felhasználók nem töltenek be teljesen új oldalt.

Miért fontos ez a SEO szempontjából?

A Single Page Application formátum egyre népszerűbbé válik, mivel gyorsabb és interaktívabb felhasználói élményt kínál. Azonban ezek a weboldalak gyakran kihívást jelentenek a teljesítmény nyomon követésében, mivel sok esetben a navigáció nem indít el hagyományos betöltési eseményeket. Ennek következtében a Google és más teljesítménymérő eszközök nem tudják pontosan rögzíteni a Core Web Vitals mutatókat. A Chrome 139-es verziója bevezetésével a fejlesztők mostantól részt vehetnek egy kísérleti programban, amely lehetővé teszi a Soft Navigations API használatát, így pontosabb képet kapva az oldaluk teljesítményéről.

Az API célja, hogy feltérképezze, mikor történik „lágy navigáció”, például amikor egy felhasználó rákattint egy linkre, a URL frissül, és a DOM (Document Object Model) láthatóan megváltozik. Ekkor a Chrome ezt navigációs eseményként kezeli, még akkor is, ha az oldal nem töltődik be teljesen újra. Ezzel a megoldással a webhelyek tulajdonosai könnyebben értékelhetik, hogy az oldaluk hogyan teljesít a valós felhasználói környezetben.

Az új API működése

A Soft Navigations API több új mutatót vezet be, mint például az interaction-contentful-paint, amely lehetővé teszi a Largest Contentful Paint mérését lágy navigáció után. Emellett bevezetésre kerül egy új navigationId, amely lehetővé teszi a metrikák összekapcsolását a specifikus navigációkkal, ami különösen fontos, amikor az URL-k változnak egy interakció során.

Ez az új funkció nemcsak a weboldalak teljesítményének nyomon követését könnyíti meg, hanem segíti a fejlesztőket abban is, hogy jobban megértsék, hogyan reagál a felhasználói felület a felhasználói interakciókra. A Chrome csapata hangsúlyozza, hogy a funkció még kísérleti stádiumban van, és a fejlesztők visszajelzései elengedhetetlenek a további finomításokhoz.

Hogyan tesztelhetjük az új funkciót?

A Chrome 139 verziójában a fejlesztők már most kipróbálhatják ezt az új funkciót. Két lehetőség kínálkozik: az első a helyi tesztelés, amelyhez a chrome://flags/#soft-navigation-heuristics beállítás engedélyezése szükséges. A második lehetőség az origin trial, amely lehetővé teszi a valós felhasználói adatok gyűjtését egy meta tag vagy HTTP fejléc hozzáadásával a weboldalhoz. A Chrome azt is javasolja, hogy aktiválják az „Advanced Paint Attribution” opciót a legátfogóbb adatok érdekében.

A Chrome egyik vezető fejlesztője, Barry Pollard kiemeli, hogy a Soft Navigations API célja a Core Web Vitals pontosabb mérése a SPA weboldalak esetében, és arra buzdítja a fejlesztőket, hogy teszteljék ezt az új megoldást.

Mit mond a szakértő?

Megkérdeztük Császár Viktor SEO szakértőt, hogy mit gondol a Chrome új kezdeményezéséről. Véleménye szerint ez a fejlesztés jelentős lépést jelent a modern weboldalak teljesítményének javítása felé. „A JavaScript-alapú alkalmazások folyamatosan népszerűsödnek, és a hagyományos mérések nem mindig képesek pontosan tükrözni a valós felhasználói élményeket. Az új API bevezetése lehetőséget ad arra, hogy a SEO szakemberek jobban megértsék, hogyan reagálnak a felhasználók az oldalaikra, és ezáltal pontosabb teljesítményértékeléseket végezzenek” – mondta Viktor.

„Ez a frissítés különösen fontos a React, Vue és Angular alapú oldalak számára, ahol a felhasználói interakciók gyakran nem generálnak hagyományos navigációs eseményeket. A fejlesztőknek érdemes kihasználniuk ezt a lehetőséget, hogy felmérjék, mennyire pontosan tudják nyomon követni az oldalaik teljesítményét” – tette hozzá.

További információkért látogasson el Császár Viktor hivatalos weboldalára: Császár Viktor SEO szakértő.

Forrás: SearchEngineJournal.com