„Chrome“ bandymo tikslas-ištaisyti pagrindines „JavaScript“ sunkių svetainių žiniatinklio produktus
admin 
„Google Chrome“ išbando naują būdą, kaip įvertinti pagrindinius žiniatinklio gyvybingumus vieno puslapio programose (SPA), tai yra ilgalaikis aklųjų taškas atliekant našumo stebėjimą, turintį įtakos SEO auditui ir reitingų signalams.
Pradėję nuo „Chrome 139“, kūrėjai gali pasirinkti „Soft Navigations“ API kilmės bandymą. Tai leidžia išmatuoti metriką, pavyzdžiui, LCP, CLS ir INP, net tada, kai puslapis atnaujina turinį be viso perkrovos.
Kodėl tai svarbu SEO
SPA yra populiarūs greičiui ir interaktyvumui, tačiau juos buvo labai sunku stebėti naudojant tokius įrankius kaip švyturys, lauko duomenys „Crux“ arba realūs vartotojų stebėjimo scenarijai.
Taip yra todėl, kad SPA dažnai atnaujina puslapį naudodami „JavaScript“, nesukeldami tradicinės navigacijos. Dėl to „Google“ matavimo sistemos ir dauguma našumo įrankių praleidžia tuos atnaujinimus apskaičiuodami pagrindinius žiniatinklio gyvybingus dalykus.
Šiuo naujuoju API siekiama panaikinti tą spragą, suteikdamas aiškesnį vaizdą apie tai, kaip jūsų svetainė veikia realiame pasaulyje, ypač po to, kai vartotojas spustelėja ar naršo programoje panašioje sąsajoje.
Ką daro naujoji API
„Chrome“ minkštųjų navigacijų API naudoja įmontuotą heuristiką, kad aptiktų, kai įvyks minkšta navigacija. Pavyzdžiui:
- Vartotojas spustelėja nuorodą
- Puslapio URL atnaujinimai
- DOM akivaizdžiai keičia ir sukelia dažus
Kai šios sąlygos įvykdys, „Chrome“ dabar traktuoja tai kaip navigacijos įvykį, kad būtų galima įvertinti našumą, net jei nebuvo viso puslapio apkrovos.
API pristato naują metriką ir patobulinimus, įskaitant:
interaction-contentful-paint– leidžia išmatuoti didžiausius turinius dažus po minkštos navigacijosnavigationId-Pridedami prie našumo įrašų, todėl metriką galima susieti su konkrečiomis navigacijomis (esminė, kai URL keičia vidurio sąveiką)- Pratęsimai išdėstymo pamainaAr Įvykio laikasir INP dirbti per minkštas navigacijas
Kaip tai išbandyti
Šią funkciją galite išbandyti šiandien „Chrome 139“ naudodami:
- Vietinis testavimas: Įgalinti
chrome://flags/#soft-navigation-heuristics - Kilmės teismo procesas: Į savo svetainę pridėkite žetoną naudodami „Meta TAG“ arba HTTP antraštę, kad surinktumėte tikrus vartotojo duomenis
„Chrome“ rekomenduoja įgalinti vėliavą „Išplėstinis dažų priskyrimas“, kad būtų galima išsamiausiems duomenims.
Dalykai, kuriuos reikia atsiminti
„Chrome“ atstovas Barry Pollardas, kuris vadovauja šiai iniciatyvai, pabrėžia, kad API vis dar yra eksperimentinė:
„Norite išmatuoti pagrindines„ SPA “žiniatinklio gyvybines?
Na, mes tam dirbome prie „Soft Navigations“ API ir pradedame naują „Chrome 139“ „Origin“ bandymą.
Paimkite jį savo programos paleidimui ir pažiūrėkite, ar ji teisingai aptinka jūsų programos minkštas navigacijas ir praneškite mums, jei taip nėra! “
Štai ką dar turėtumėte žinoti:
- Metrika gali būti nepalaikoma senesnėse „Chrome“ versijose ar kitose naršyklėse
- Jūsų romo teikėjui gali tekti palaikyti
navigationIdirinteraction-contentful-paintStebėti - Kai kurie krašto atvejai, pavyzdžiui, automatiniai peradresavimai arba
replaceState()Naudojimas negali registruotis kaip naršymas
Žvilgsnis į priekį
Šis bandymas yra žingsnis siekiant padaryti pagrindinę žiniatinklio gyvybingumą tikslesnę šiuolaikinėms „JavaScript“ sunkioms svetainėms.
Nors API dar nėra integruota į „Chrome“ viešų veiklos ataskaitas, tokias kaip „Crux“, tai galėtų pasikeisti, jei bandymas pasirodys sėkmingas.
Jei jūsų svetainė priklauso nuo „React“, „Vue“, „Angular“ ar kitų SPA sistemų, dabar yra jūsų galimybė išbandyti, kaip gerai „Chrome“ naujas požiūris užfiksuoja vartotojo patirtį.
Teminis vaizdas: Romanas Samborskyi/Shutterstock
