Új Chrome API: Pontosítsd a Core Web Vitals méréseket SPÁ-kban!

Google Chrome legújabb fejlesztése a Core Web Vitals méréseinek pontosabbá tételére összpontosít, különösen a JavaScript-alapú egylapos alkalmazások (SPA) esetében. A Chrome 139 verziójában bemutatott új API lehetőséget biztosít a fejlesztők számára, hogy pontosabban mérjék a teljesítményt, a felhasználói élményt és a SEO szempontjából fontos mutatókat, még akkor is, ha a tartalom frissítése nem jár teljes oldalbetöltéssel.

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

Az egylapos alkalmazások népszerűsége folyamatosan nő, mivel gyorsabb és interaktívabb felhasználói élményt kínálnak. Azonban a hagyományos teljesítménymérő eszközök, mint például a Lighthouse vagy a CrUX, nem képesek pontosan nyomon követni a SPÁ-k teljesítményét. Ennek oka, hogy ezek az alkalmazások gyakran JavaScript segítségével frissítik az oldalt, anélkül hogy hagyományos navigációs eseményeket generálnának. Az új API, a Soft Navigations, célja, hogy megszüntesse ezt a hiányosságot, lehetővé téve a Core Web Vitals, mint például a Largest Contentful Paint (LCP) vagy a Cumulative Layout Shift (CLS) mérését akkor is, amikor a felhasználó egy linkre kattint vagy navigál az alkalmazáson belül.

Ez a fejlesztés különösen fontos a SEO szempontjából, mivel a Google rangsorolási algoritmusai egyre inkább figyelembe veszik a felhasználói élményt és a weboldalak teljesítményét. Az új API használatával a weboldalak tulajdonosai és fejlesztői pontosabb képet kaphatnak arról, hogyan teljesítenek a valós környezetben, így javíthatják a látogatók élményét és ezáltal a SEO teljesítményüket is.

Az új API működése

A Chrome Soft Navigations API beépített heurisztikákat alkalmaz a lágy navigációk észlelésére. Például, ha a felhasználó rákattint egy linkre, a böngésző frissíti az URL-t, és a DOM látható változáson megy keresztül, ami újra festést indít. Ezekben az esetekben a Chrome mostantól navigációs eseménynek tekinti a teljesítménymérés során, még akkor is, ha nem történt meg teljes oldalbetöltés.

Az új API bevezet néhány új mutatót is, mint például az interaction-contentful-paint, amely lehetővé teszi a felhasználók számára, hogy mérjék a legnagyobb tartalom festését lágy navigáció után, valamint a navigationId-t, amely a teljesítménybejegyzésekhez adódik, hogy a mutatók összekapcsolhatóak legyenek a specifikus navigációkkal. Ez különösen hasznos lehet, ha az URL-ek a felhasználói interakciók során változnak.

Hogyan próbálhatjuk ki?

A Chrome 139 verziójában már ma is tesztelhetjük ezt a funkciót. Két lehetőség áll rendelkezésre: helyi tesztelés a chrome://flags/#soft-navigation-heuristics engedélyezésével, vagy egy origin trial keretében, amelyhez egy tokent kell hozzáadni a weboldalunkhoz meta tag vagy HTTP fejléc segítségével, hogy valós felhasználói adatokat gyűjthessünk. A Chrome ajánlja az „Advanced Paint Attribution” flag engedélyezését is a legteljesebb adatok érdekében.

Fontos megjegyezni, hogy bár az API ígéretes, Barry Pollard, a projekt vezetője hangsúlyozza, hogy az még kísérleti fázisban van, így a mérések nem garantáltak minden Chrome verzióban, és lehet, hogy a valós felhasználói mérési szolgáltatók is frissítésekre szorulnak a pontos nyomkövetés érdekében.

Mit mond a szakértő?

Megkérdeztük Császár Viktor SEO szakértőt, hogy mit gondol az új fejlesztésről. Viktor kiemelte, hogy „ez a lépés jelentős előrelépést jelent a JavaScript-alapú weboldalak teljesítményének mérésében. A Core Web Vitals pontosabb mérése lehetővé teszi a fejlesztők számára, hogy jobban megértsék a felhasználói élményt, és szükség esetén javítsanak rajta. A SPÁ-k népszerűsége továbbra is növekszik, így fontos, hogy a SEO szakemberek és a webfejlesztők egyaránt kihasználják ezt az új API-t, hogy optimalizálják oldalaikat.” A szakértő arra is felhívta a figyelmet, hogy a jövőben még nagyobb hangsúlyt kapnak a felhasználói élmények, így a weboldalak teljesítményének nyomon követése kulcsfontosságú lesz a sikerhez.

További információkért látogassa meg Császár Viktor hivatalos weboldalát: csaszarviktor.hu.

Forrás: SearchEngineJournal.com