Új Chrome API: Javítsd a Core Web Vitals-t JavaScript oldalaidon!

Google Chrome új tesztelési lehetőségeket indít a Core Web Vitals mérésére, különös figyelmet fordítva a JavaScript-alapú Single Page Applications (SPA) weboldalakra. Az új Soft Navigations API célja, hogy javítsa a teljesítménymérést, különösen azokban az esetekben, amikor a felhasználók navigálnak az alkalmazásban anélkül, hogy az oldalt teljesen újratöltenék. Ezzel a fejlesztéssel a Google reményei szerint pontosabb képet kaphatunk arról, hogy a JavaScript-intenzív weboldalak hogyan teljesítenek a valós felhasználói környezetben.

Miért fontos ez a SEO számára?

A SPÁ-k népszerűsége a gyorsaságuk és interaktivitásuk miatt folyamatosan nő, azonban az SEO auditok és rangsorolási jelek szempontjából ezek gyakran nehezen követhetők. Az eddig használt eszközök, mint például a Lighthouse vagy a CrUX, nem tudják pontosan mérni a Core Web Vitals-t, mivel a SPÁ-k gyakran JavaScript segítségével frissítik a tartalmat, anélkül, hogy hagyományos navigációt indítanának. Ezen új API célja, hogy áthidalja ezt a problémát, lehetővé téve a weboldalak számára, hogy pontosabban mérjék a felhasználói élményt, különösen akkor, ha a felhasználók egy alkalmazás-szerű felületen belül navigálnak.

Az új API működése

A Chrome Soft Navigations API beépített heuristikákat használ a „soft navigation” események észlelésére. Például, amikor a felhasználó rákattint egy linkre, a lap URL-je frissül, és a DOM (Document Object Model) láthatóan megváltozik, ami festést (paint) indít el. Ezeknek a feltételeknek a teljesülése után a Chrome navigációs eseményként kezeli az eseményt, még akkor is, ha a lap nem töltődött újra teljesen. Az API új metrikákat vezet be, mint például az interaction-contentful-paint, amely lehetővé teszi, hogy a legnagyobb tartalmi festést (LCP) mérjük soft navigation után, és a navigationId-t, amely a teljesítményméréshez kapcsolódik, így a metrikák összekapcsolhatók a specifikus navigációs eseményekkel.

Hogyan próbálhatjuk ki az újdonságot?

A Chrome 139 verziójában a fejlesztők két lehetőséget is kapnak a funkció tesztelésére: helyi tesztelés, ahol a chrome://flags/#soft-navigation-heuristics kapcsolót aktiválhatják, vagy részt vehetnek egy origin trialban, ahol egy token hozzáadásával gyűjthetnek valós felhasználói adatokat. A Chrome javasolja az „Advanced Paint Attribution” kapcsoló engedélyezését a legteljesebb adatok gyűjtése érdekében. Fontos megjegyezni, hogy az API jelenleg kísérleti állapotban van, és a Chrome csapata arra biztatja a fejlesztőket, hogy próbálják ki a funkciót, és adjanak visszajelzést a működéséről.

Mit gondol a szakértő a fejlesztésről?

Megkérdeztük Császár Viktor SEO szakértőt, hogy kommentálja ezt a fejlesztést. Azt mondta: „A Chrome új Soft Navigations API-ja jelentős előrelépést jelent a JavaScript-alapú weboldalak teljesítményének mérésében. A SPÁ-k népszerűsége miatt kulcsfontosságú, hogy pontos adatokat kapjunk a felhasználói élményről, különösen a Core Web Vitals terén. Ez az új API lehetőséget ad a fejlesztőknek, hogy jobban megértsék, hogyan teljesítenek oldalaik a valóságbeli felhasználói interakciók során. A jövőben várhatóan a SEO auditok és rangsorolási tényezők is pontosabbá válnak, ami jótékony hatással lesz a weboldalak láthatóságára.”

További információért látogasson el Császár Viktor weboldalára: csaszarviktor.hu.

Forrás: SearchEngineJournal.com