A Google Chrome egy új módszert tesztel az alapvető webes életképességek mérésére az egyoldalas alkalmazásokban (SPA), amely egy régóta fennálló vak hely a teljesítménykövetésben, amely befolyásolja a SEO ellenőrzését és a rangsorolási jeleket.
A Chrome 139 -rel kezdve a fejlesztők választhatják a lágy navigációs API származási kísérletét. Ez lehetővé teszi az olyan mutatók mérését, mint az LCP, a CLS és az INP, még akkor is, ha egy oldal frissíti a tartalmat teljes újratöltés nélkül.
Miért számít ez a SEO -nak
A gyógyfürdők népszerűek a sebesség és az interaktivitás szempontjából, ám hírhedten nehezen figyelhetők olyan eszközökkel, mint a világítótorony, a terepi adatok a Crux -ban vagy a valódi felhasználói megfigyelő szkriptek.
Ennek oka az, hogy a gyógyfürdők gyakran frissítik az oldalt a JavaScript használatával anélkül, hogy a hagyományos navigációt kiváltanák. Ennek eredményeként a Google mérési rendszerei és a legtöbb teljesítményeszköz hiányozza ezeket a frissítéseket, amikor kiszámítja az alapvető webes életet.
Ennek az új APInak a célja, hogy megszüntesse ezt a rést, és világosabb képet ad arról, hogy a webhely hogyan teljesít a valós világban, különösen miután a felhasználó kattint vagy navigál egy alkalmazásszerű felületen.
Mit csinál az új API
A Chrome Soft Navigations API beépített heurisztikát használ, hogy észlelje, mikor történik lágy navigáció. Például:
- A felhasználó kattintson egy linkre
- Az oldal URL frissítései
- A DOM láthatóan megváltozik és kivált egy festéket
Amikor ezek a feltételek teljesülnek, a Chrome most navigációs eseményként kezeli a teljesítményméréshez, annak ellenére, hogy nem történt teljes oldalterhelés.
Az API új mutatókat és fejlesztéseket mutat be, beleértve:
interaction-contentful-paint– Lehetővé teszi a legnagyobb tartalmi festék mérését egy puha navigáció utánnavigationId-Hozzáadva a teljesítménybejegyzésekhez, így a metrikák köthetők a specifikus navigációkhoz (döntő jelentőségű, ha az URL-ek megváltoztatják a közép-interakciót)- Kiterjesztések a elrendezési műszak, rendezvény időzítéseés Inp hogy lágy navigációkon keresztül dolgozzon
Hogyan lehet kipróbálni
Ezt a funkciót ma tesztelheti a Chrome 139 -ben:
- Helyi tesztelés: Engedélyezze
chrome://flags/#soft-navigation-heuristics - Származási kísérlet: Adjon hozzá egy tokent a webhelyéhez Meta címkén vagy a HTTP fejlécben, hogy valódi felhasználói adatok gyűjtéséhez gyűjtsön be
A Chrome azt javasolja, hogy engedélyezze az „Advanced Paint Attribution” zászlót a legteljesebb adatokhoz.
Szem előtt tartani
A Chrome Barry Pollard, aki ezt a kezdeményezést vezeti, hangsúlyozza, hogy az API továbbra is kísérleti:
„Szeretné megmérni a gyógyfürdők alapvető webes életét?
Nos, erre dolgozunk a Soft Navigation API -n, és új származási próbát indítunk a Chrome 139 -től.
Vegye ki az alkalmazás futtatásához, és nézd meg, hogy az a puha navigációk helyesen észlel -e az alkalmazásán, és tudassa velünk, ha nem! ”
Íme, amit még tudnod kell:
- A mutatókat nem lehet támogatni régebbi króm verziókban vagy más böngészőkben
- Lehet, hogy a rum szolgáltatójának támogatnia kell
navigationIdésinteraction-contentful-painta követéshez - Néhány él tok, például az automatikus átirányítás vagy
replaceState()Használat, nem regisztrálhat navigációként
Előre nézve
Ez a tárgyalás egy lépés annak érdekében, hogy az alapvető webes életképesség pontosabbá tegye a modern JavaScript-nehéz webhelyek számára.
Noha az API még nem integrálódik a Chrome nyilvános teljesítményjelentéseibe, mint például a Crux, ez megváltozhat, ha a tárgyalás sikeresnek bizonyul.
Ha webhelye a React, a Vue, az Angular vagy más Spa -keretekre támaszkodik, most lehetősége van arra, hogy kipróbálja, hogy a Chrome új megközelítése mennyire rögzíti a felhasználói élményt.
