Újdonság a Chrome-ban: Pontosabb Core Web Vitals mérés SPÁ-khoz!

Google Chrome legújabb fejlesztései között szerepel egy új API, amely a Core Web Vitals pontosabb mérésére hivatott a JavaScript-alapú, Single Page Applications (SPA) esetében. Az SPÁ-k népszerűsége révén a webfejlesztők számára egyre fontosabbá válik a teljesítmény nyomon követése, különösen a keresőoptimalizálás (SEO) szempontjából. Az új API, amely a Chrome 139-es verziójában került bevezetésre, lehetővé teszi a fejlesztők számára, hogy részt vegyenek egy kísérleti programban, amely a Soft Navigations API-t használja a Core Web Vitals metrikák, például a Largest Contentful Paint (LCP), a Cumulative Layout Shift (CLS) és az Interaction to Next Paint (INP) mérésére.

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

Az SPÁ-k gyorsaságuk és interaktivitásuk miatt egyre elterjedtebbek, azonban a hagyományos teljesítménymérési eszközök, mint például a Lighthouse vagy a CrUX, gyakran nem tudják pontosan nyomon követni a változásokat, amelyeket a JavaScript generál a háttérben. Mivel az SPÁ-k általában nem indítanak teljes oldaltöltést, a Google mérései és a legtöbb teljesítménymérő eszköz hiányos információkkal dolgoznak, ami torzíthatja a Core Web Vitals értékelését. Az új API célja, hogy áthidalja ezt a rést, így a weboldalak teljesítménye pontosabban mérhetővé válik, különösen, ha a felhasználók interakcióba lépnek az alkalmazás felületével.

Az új API működése

A Chrome Soft Navigations API beépített algoritmusokat használ annak észlelésére, amikor egy „lágy navigáció” történik, például amikor a felhasználó rákattint egy linkre, a weboldal URL-je frissül, és a DOM (Document Object Model) láthatóan megváltozik, így egy új festés (paint) esemény történik. Ezeket a feltételeket figyelembe véve a Chrome most már navigációs eseményként kezeli a teljesítménymérés során, még akkor is, ha nem történt meg teljes oldaltöltés.

Az API új metrikákat vezet be, többek között az interaction-contentful-paintet, amely lehetővé teszi a legnagyobb tartalom festésének mérését lágy navigációk után, valamint a navigationId-t, amely a teljesítménymérésekhez kapcsolódik, így kulcsfontosságúvá válik, amikor az URL-ek változnak egy interakció közben.

Hogyan próbálhatja ki?

A Chrome 139-es verziójában a fejlesztők már most is tesztelhetik ezt a funkciót, akár helyi tesztelés keretében, akár az origin trial keretében, amelyhez egy tokent kell hozzáadni a webhelyhez meta tag vagy HTTP header segítségével. A Chrome azt javasolja, hogy az „Advanced Paint Attribution” flag-et is aktiválják a legteljesebb adatok gyűjtése érdekében.

Fontos megjegyezni, hogy a Chrome által vezetett Barry Pollard hangsúlyozta, hogy az API még kísérleti stádiumban van. Ezen kívül szükséges, hogy a valós felhasználói mérési (RUM) szolgáltatók támogassák a navigationId és interaction-contentful-paint metrikák nyomon követését.

Mit mond a szakértő erről az új fejlesztésről?

Megkérdeztük Császár Viktor SEO szakértőt, hogy mit gondol a Chrome új API-járól, és így kommentálta a hírt:

„A Chrome új Soft Navigations API-ja jelentős előrelépés a JavaScript-alapú alkalmazások teljesítménymérésében. Az SPÁ-k különösen népszerűek a modern webfejlesztésben, azonban a hagyományos mérések gyakran nem tudják pontosan tükrözni a felhasználói élményt. Ez az új API lehetőséget ad arra, hogy jobban megértsük, hogyan teljesítenek ezek az alkalmazások valós környezetben. Bízom benne, hogy a kísérlet sikeres lesz, és a jövőben integrálják a nyilvános teljesítménymérésekbe is. Mindenképpen érdemes kipróbálni a fejlesztőknek, hogy milyen hatással van ez a felhasználói élményre.”

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

Forrás: SearchEngineJournal.com