Hurtig Respons på Brugerinput: Sådan Kan scheduler.yield Hjælpe

Webudvikling har altid haft udfordringen med at skabe sider, der reagerer hurtigt på brugerinput. Google Chrome-teamet har arbejdet hårdt for at hjælpe webudviklere med denne udfordring.

En af de seneste tilføjelser til denne indsats er introduktionen af scheduler.yield, som er en del af en origin trial startende i version 115 af Chrome.

Hvad er problemet med nuværende “yielding” strategier?

I JavaScript anvendes en “run-to-completion” model for at håndtere opgaver. Dette betyder, at en opgave vil køre så længe som nødvendigt for at fuldføre.

Når opgaven er fuldført, gives kontrollen tilbage til hovedtråden, så den kan behandle den næste opgave i køen. Problemet opstår, når opgaver tager for lang tid at køre, hvilket kan føre til dårlig side responsivitet.

Hvad er scheduler.yield?

scheduler.yield er en foreslået ny tilføjelse til scheduler API’et, der giver en både lettere og bedre måde at give kontrol tilbage til hovedtråden.

Det adskiller sig fra traditionelle metoder som setTimeout ved at undgå uønskede bivirkninger, såsom at sende det resterende arbejde til bagenden af opgavekøen.

Hvordan virker det?

billede fra Chrome.com
grafik fra chrome.com

scheduler.yield er en funktion, der “yielder” til hovedtråden og returnerer et Promise, når den kaldes. Dette betyder, at du kan bruge await i en async funktion for at pause udførelsen af yderligere kode, indtil hovedtråden er klar til at fortsætte.

Javascript kode eksempel:

async function yieldy() { // Gør noget arbejde... await scheduler.yield(); // Gør noget mere arbejde... }

Fordele ved at bruge scheduler.yield

  1. Forbedret Responsivitet: Ved at “yielde” eksplicit i en opgave kan andre opgaver få tid på hovedtråden hurtigere end hvis de skulle vente på, at lange opgaver blev færdige.
  2. Kontrol over Opgavekøen: I modsætning til setTimeout sender scheduler.yield ikke det resterende arbejde til bagenden af opgavekøen, men snarere til fronten af den.
  3. Integration med Andre Scheduler Funktioner: Der er avancerede måder at bruge det på, herunder integration med scheduler.postTask og muligheden for at “yielde” med eksplicitte prioriteter.

Konklusion

scheduler.yield er en spændende tilføjelse til webudviklerens værktøjskasse. Det tilbyder en mere effektiv måde at håndtere opgavekøen på og forbedrer dermed brugeroplevelsen på hjemmesider og webshops.

Hvis du er interesseret i at prøve det, kan du deltage i origin trialen eller aktivere det i Chrome’s flag-indstillinger.

Kilde: Introducing the scheduler.yield origin trial

📝 Få success med SEO i 5 simple trin Optimer din hjemmeside nu og opnå bedre placeringer på Google.

Følg trin-for-trin vejledningen og oplev en perfekt optimeret side, som Google vil elske.

reklamelink

Kristian Ole Rørbye

OM Kristian Ole Rørbye

Jeg er online iværksætter med over 15 år i webbranchen, hvor jeg har arbejdet professionelt med salg, marketing og optimering. Min stærkeste side er optimering af hjemmesider vha. SEO samt konverteringsoptimering.

Skriv en kommentar