Új Chrome API: Javítsa a Core Web Vitals mérését SPA-k esetén!

Google Chrome legújabb tesztje a Core Web Vitals mérésének javítását célozza olyan weboldalak esetében, amelyek JavaScript-tel terheltek, illetve Single Page Application (SPA) architektúrával rendelkeznek. Az új API, amely a Chrome 139-es verziójában érhető el, lehetővé teszi a fejlesztők számára, hogy pontosabb adatokat gyűjtsenek a weboldaluk teljesítményéről, különösen azoknál az oldalaknál, ahol a navigációk nem hagyományos módon, hanem JavaScript-en keresztül történnek.

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

A SPÁ-k népszerűsége az interaktivitásuk és gyorsaságuk miatt folyamatosan növekszik, azonban eddig nehezen lehetett őket nyomon követni a hagyományos teljesítménymérő eszközökkel, mint például a Lighthouse vagy a CrUX. Ezek az eszközök gyakran nem képesek észlelni a JavaScript által végrehajtott frissítéseket, mivel nem váltanak ki teljes oldalbetöltést. Ennek következtében a Google mérései és a teljesítményértékelők nem tudták pontosan értékelni a weboldalak Core Web Vitals adatait. Az új API célja, hogy megszüntesse ezt a hiányosságot, és világosabb képet adjon arról, hogyan teljesít a weboldal a valós felhasználói környezetben, különösen akkor, amikor a felhasználók interakcióba lépnek az alkalmazás-szerű felületekkel.

Az új API működése

A Chrome Soft Navigations API-ja beépített heurisztikákat alkalmaz a lágy navigációk észlelésére. Például, amikor egy felhasználó rákattint egy linkre, a URL frissül, és a DOM láthatóan megváltozik, ami újra festést indít el. Ezek a feltételek elegendőek ahhoz, hogy a Chrome a navigációs eseményeként kezelje az adott folyamatot, még akkor is, ha nem történt teljes oldalbetöltés. Az API új metrikákat és fejlesztéseket vezet be, így például a „interaction-contentful-paint” lehetővé teszi a legnagyobb tartalmi festés mérését lágy navigáció után.

Hogyan próbálhatjuk ki?

A Chrome 139-es verziójában a fejlesztők két módon tesztelhetik ezt a funkciót. Az első lehetőség a helyi tesztelés, amely a chrome://flags/#soft-navigation-heuristics engedélyezésével történik. A második lehetőség az origin trial, amelyhez egy tokent kell hozzáadni a weboldalhoz meta tag vagy HTTP fejléc formájában 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ő erről az új technológiáról?

Megkérdeztük Császár Viktor SEO szakértőt a legújabb fejlesztésekkel kapcsolatban. Ő a következőket mondta:

„A Chrome legújabb API-ja jelentős előrelépés a SPÁ-k teljesítményének mérésében. A lágy navigációk pontos érzékelése lehetővé teszi a weboldalak számára, hogy reálisabb képet mutassanak az élményről, amelyet a felhasználók tapasztalnak. Ez különösen fontos a SEO szempontjából, hiszen a Core Web Vitals egyre fontosabbá válik a rangsorolásban. A fejlesztőknek érdemes kihasználniuk ezt a lehetőséget, hogy jobb teljesítményt érjenek el és javítsák a weboldalaik láthatóságát. Az API jelenlegi tesztelési fázisában figyelni kell a visszajelzésekre, hogy a végső integráció a lehető legjobban szolgálja a felhasználók igényeit.”

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

Forrás: SearchEngineJournal.com