Interaction to Next Paint (INP) ye mun ye?
Google bɛ ka to k’a ka Core Web Vitals sɛmɛntiya walasa ka baarakɛlaw ka dɔnniya suman ka ɲɛ. Metiri kura nafama min bɛ fara nin kulu in kan, o ye Interaction to Next Paint (INP) ye. O mɛtɛrɛ in bilala sen kan ka kɛ jɔyɔrɔfalenba ye.
INP faamuyali n’a kɛcogo ɲuman nafa ka bon kosɛbɛ walasa k’i ka siti ɲinini yecogo sabati ani k’a ɲɛ. A bɛ sinsin i ka ɲɛw jaabi kan baarakɛla dɔ ka jɛɲɔgɔnya kɔfɛ n’u ye.
Jɛɲɔgɔnya bɛ Se ka Kɛ fɛn o fɛn ye k’a Tà butɔni dɔ digili la ka Taa Se jɛgɛnsira dɔ digili ma. Metiri bɛ waati suman k'a ta o jɛɲɔgɔnya la fo ka se yecogo kura nata ma, walima "penti" min bɛ kɛ ɛkran kan. INP teliya kɔrɔ ye ko i ka yɔrɔ bɛ teliya ani ka jaabi di baarakɛlaw ma.
Mun na Interaction to Next Paint nafa ka bon i ka SEO la
Google ka laɲini ye ka ‘websayitiw sara minnu bɛ baara kɛcogo ɲuman Di. Site min bɛ kɛ dɔɔnin dɔɔnin, min tɛ jaabi di, o bɛ taamakɛlaw dusu tiɲɛ, wa a bɛ se ka kɛ sababu ye ka bounce rates caya. INP bɛ o jaabi in suman k’a ɲɛsin a yɛrɛ ma.
Ni INP kɛra Core Web Vital ofisiyali ye, a bɛna nɔ bila i ka Google jatebɔw la k’a ɲɛsin i yɛrɛ ma. Siti minnu ka INP jate man ɲi, olu bɛ se ka jigin ye biologiki siratigɛ la. Ka nin mɛtɛrɛ in bila jɔyɔrɔ fɔlɔ la sisan, o bɛ siniko-sɛgɛsɛgɛli kɛ i ka SEO fɛɛrɛ la.
Jaabi ɲuman ye bi ɛntɛrinɛti dilanni jɔyɔrɔba ye. A bɛ baarakɛlaw bila u ka u sen don a la ani ka wasa sɔrɔ. Walasa ka kunnafoni wɛrɛw sɔrɔ baarakɛcogo ɲuman dilancogo kan, aw ye an ka barokun lajɛ min bɛ kuma kungolodilanw kan minnu bɛ dususalo sariya kura sigi sen kan, min bɛ baarakɛlaw sinsincogo nafa jira.
INP ni donna fɔlɔ latɛmɛni (FID) tɛ kelen ye cogo min na .
I bɛ se ka First Input Delay (FID) dɔn, o ye Core Web Vital wɛrɛ ye. Hali n’u fila bɛɛ bɛ kuma ɲɔgɔndɛmɛ kan, u bɛ fɛnw suman minnu tɛ kelen ye. FID bɛ waati latɛmɛni suman ka bɔ baarakɛla dɔ ka jɛɲɔgɔnya fɔlɔ la fo ka se navigatɛri ka se k’a baara daminɛ.
Nka INP bɛ waati bɛɛ suman k’a ta jɛɲɔgɔnya la fo ka se karamɔgɔ nata pentali ma. O bɛ ja dafalen di baarakɛla ka jaabiw faamuyali kan. INP laɲini ye ka laban ka FID bila a nɔ na.
I ka sisan jɛɲɔgɔnya suman cogo min na ka se Penti jate nata ma
Sani i ka se ka fɛn bɛɛ kɛ ka ɲɛ, i ka kan k’i ka baara kɛcogo suman sisan. Google bɛ baarakɛminɛn caman di fu walasa k’i dɛmɛ k’i ka INP jateminɛ.
Baara kɛ ni Google ka Core Web Vitals Report ye
Core Web Vitals ka kunnafoni min bɛ Google Search Console kɔnɔ, o ye daminɛ ɲuman ye. A b’a Jira i ka ɲɛw bɛ baara Kɛ cogo min na baarakɛla lakikaw ye foro kɔnɔ. Aw bɛ se k’a ye URL minnu ka INP jate ka ɲi, minnu man ɲi, walima minnu mago bɛ ɲɛtaa la.
Nin kunnafoniw sinsinnen bɛ baarakɛcogo lakika kan ka bɔ Chrome baarakɛlaw yɔrɔ. I bɛ ka ko kɛlen yɛrɛ min lase, o bɛ ja jɛlen di i ma.
Lab sɛgɛsɛgɛli ni Lighthouse ani Chrome DevTools ye
Walasa ka debugging ni yiriwali kɛ, laboratuwari baarakɛminɛnw nafa ka bon. Aw bɛ se ka Lighthouse jateminɛw kɛ k’a ɲɛsin Chrome DevTools ma. O kɔrɔbɔliw bɛ ɲɛ doni dɔ ladege sigida la min bɛ kɔrɔsi.
Lighthouse bɛna fɛn kɛrɛnkɛrɛnnenw jira minnu bɛ kɛ sababu ye ka jɛɲɔgɔnyaw kɛ dɔɔnin dɔɔnin. O nafa ka bon kosɛbɛ walasa ka kode walima nafolo tigitigiw jira minnu mago bɛ ɲɛnabɔli la.
Fɛɛrɛ minnu bɛ se ka kɛ walasa ka jɛɲɔgɔnya kɛcogo ɲɛ ka se Penti nata ma
Ni i ye ko dɔw dɔn, a waati sera ka optimiser. Fɛɛrɛ jɔnjɔnw filɛ nin ye walasa k’i ka siti in ka INP jate ɲɛ.
JavaScript waleyali waati dɔgɔya
JavaScript min bɛ baara kɛ kabini waati jan, o ye INP jugu jalakibaga fɔlɔ ye. Aw bɛ baara gɛlɛnw tila tilayɔrɔ fitininw na. Baara kɛ ni Web Workers ye walasa ka baara minnu tɛ UI ye, olu labɔ ka bɔ jirisunba la.
O bɛ navigatɔrɔn bali ka bali. Filɛri kunba bɛ se ka to ka jaabi di baarakɛlaw ka dontaw ma. JavaScript min tɛ kɔrɔfɔ ye, o bila kɔfɛ fo kɔnɔko kunbabaw kɛlen kɔ ka ɲɔgɔn sɔrɔ.
Ko kɛlenw lamɛnbagaw ka ɲɛ
Ko kɛlenw ɲɛnabɔbaga minnu tɛ baara kɛ koɲuman, olu bɛ se ka jaabiw bila kɔfɛ. Aw kana lamɛnnikɛla kelen nɔrɔ minɛnba dɔ la min kɔnɔ den caman bɛ yen. O bɛ se ka kɛ sababu ye ka navigatɔrɔn ka fɛn caman lajɛ.
O nɔ na, baara kɛ ni ko kɛlenw cicogo ye ka ɲɛ walima ka lamɛnnikɛlaw nɔrɔ ɲɔgɔn na fɛnw na minnu bɛ ɲɔgɔn sɔrɔ. Ani fana, aw bɛ a lajɛ ka ko kɛlenw debouncing walima throttling kɛ tuma caman na i n’a fɔ scrolling walima resizing.
Aw ye aw yɛrɛ tanga DOM hakɛbaw ma: DOM jiri belebeleba bɛ se ka cogoya jatebɔcogo kura ni a labɛncogo sumaya, o bɛ nɔ bila INP la. Minimize Layout Thrashing: I yɛrɛ tanga kalan ma, ka sɔrɔ ka sɛbɛnni kɛ DOM la ka tugu ɲɔgɔn na teliya la, o min bɛ navigatɔrɔ wajibiya ka layoutw jate kokura siɲɛ caman. Jaw ni sɛbɛnnibolow ɲɛnabɔ ka ɲɛ: Aw ye aw jija ka jaw bonya ani ka u digidigi ka ɲɛ. Baara kɛ ni `font-display: swap` ye web sɛbɛnnibolow kama walasa ka render-blocking bali.
Leverage Navigateur Caching (Navigatɛri ka caching).
Nafolo jɔlenw marali bɛ dɔ bɔ doni na sèrwɛri ni réseau kan. O bɛ ɲɛw dɛmɛ u ka jaabi teliya la jɛɲɔgɔnya nataw la. Aw ye cache sariya ɲumanw waleya aw ka CSS, JavaScript ani ja ladosiyew.
Baara kɛli ni Content Delivery Network (CDN) ye, o fana bɛ se ka jaabi waatiw ɲɛ kosɛbɛ baarakɛlaw bolo diɲɛ kɔnɔ. Jusigilan teliya bɛ jɛɲɔgɔnya bɛɛ kɛ ka ɲɛ.
Kuncɛli: A daminɛ ka Optimizing for INP Bi
Interaction to Next Paint ye jateminɛ nafama ye ɛntɛrinɛti baarakɛcogo ni SEO nata kama. Ni i ye INP faamuya ani k’a ɲɛnabɔ cogo ɲuman na sisan, i b’a lajɛ ko i ka siti in bɛ to ɲɔgɔndan na ani ka baarakɛcogo ɲuman di.
I n’a fɔ dususalo ye fɛnba ye cogo min na walasa ka lamɛnni kɛcogo ɲuman sɔrɔ ni kungolodilan ɲumanw ye, jaabi fana ye fɛnba ye ɛntɛrinɛti dɔnniyaba la. Aw ye aw ka yɔrɔ jateminɛ daminɛ ani ka nin optimisation fɛɛrɛw waleya walasa ka to ɲɛfɛ.
Yala i labɛnnen don k’a lajɛ ko i ka siti in bɛ ɲɛ cogo dafalen na wa? Aw ye ɲɔgɔn sɔrɔ Seemless fɛ bi walasa ka baara kɛcogo jateminɛ bɛɛ lajɛlen sɔrɔ ani ka dɔnnikɛlaw ka bilasirali kɛ.