A Chrome Trial célja a JavaScript-nehéz webhelyek alapvető webes vényköteles javítása

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án
• navigationId -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 és interaction-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.

---