INP: miks koduleht tundub aeglane, kuigi laeb kiiresti
Leht avaneb kiiresti, aga kui vajutate menüünuppu, juhtub pool sekundit mitte midagi. Vorm reageerib viivitusega, filtri valik hangub, ostukorvi nupp tundub katki. Seda probleemi mõõdab INP, mis on üks Google'i kolmest Core Web Vitals näitajast. Vaatame, mis see on, kuidas seda kontrollida ja mis seda kõige sagedamini rikub.
Mis on INP ja miks see asendas FID-i
INP tähendab Interaction to Next Paint. See mõõdab, kui kiiresti leht pärast kasutaja tegevust, näiteks klõpsu, puudutust või klahvivajutust, ekraanil midagi muudab.
Varem mõõtis Google selle asemel FID-i, mis vaatas ainult esimest interaktsiooni ja ainult viivitust enne töötlemise algust. Leht võis saada FID-is suurepärase tulemuse ja olla samal ajal kasutamisel kohmakas.
INP vaatab kõiki interaktsioone kogu külastuse vältel ja arvestab kogu aega kuni ekraani uuendamiseni. Tulemusena raporteeritakse põhimõtteliselt üks halvimaid interaktsioone.
- Hea: kuni 200 millisekundit.
- Vajab parandamist: 200 kuni 500 millisekundit.
- Halb: üle 500 millisekundi.
Hinnang põhineb päris kasutajate andmetel, mitte teie arvuti testil. Seega mõjutab tulemust tugevalt see, milliste telefonidega teie külastajad saidil käivad.
Miks see ärile oluline on
Viivitus pärast klõpsu on see koht, kus inimene hakkab kahtlema, kas sait töötab. Ta vajutab uuesti, saadab vormi kaks korda või lahkub.
E-poes tähendab aeglane reageerimine otseselt kaotatud müüki. Kui värvi valik või koguse muutmine hangub, ei jõua osa ostjaid ostukorvini.
Teenuseettevõtte saidil kannatab kõige rohkem mobiilne menüü ja kontaktivorm. Just need on elemendid, mille kaudu päring tuleb.
Google kasutab Core Web Vitals näitajaid lehekogemuse signaalina. See ei ole kõige tugevam järjestusfaktor, kuid võrdse sisuga konkurentide puhul võib kiirem ja sujuvam leht eelise saada.
Olulisem kui otsingupositsioon on siiski see, et halb INP tähendab peaaegu alati, et lehel käib taustal liiga palju JavaScripti, mis aeglustab ka kõike muud.
Kuidas INP-d kontrollida
Alustage Google Search Console'ist. Jaotises Core Web Vitals näete, kas mobiili- või lauaarvutiversioonis on INP probleeme ja millised lehegrupid on mõjutatud.
PageSpeed Insights näitab lehe kohta päris kasutajate andmeid, kui saidil on piisavalt liiklust. Väikese liiklusega saidi puhul andmeid ei pruugi olla, siis tuleb testida ise.
Lighthouse laborimõõtmine INP-d otse ei mõõda, sest selles ei klõpsata. Lähim näitaja on Total Blocking Time, mis näitab, kui kaua on põhilõim laadimise ajal blokeeritud.
Kõige praktilisem käsitsi test: avage leht keskmise hinnaklassi Android-telefonis, vajutage menüüd, filtreid, vorme ja nuppe ning jälgige, kas reaktsioon on kohene.
Arendaja saab Chrome'i DevToolsi Performance vahekaardil salvestada interaktsiooni ja näha täpselt, milline skript klõpsu ajal põhilõime kinni hoiab.
Mis INP-d kõige sagedamini rikub
Peaaegu alati on põhjuseks JavaScript, mis hõivab brauseri põhilõime ajal, mil kasutaja midagi teha üritab.
- Kolmanda osapoole skriptid: vestlusaknad, reklaamipikslid, analüütika, kaardid, arvustusvidinad ja sotsiaalmeedia manused. Iga üksik tundub kerge, koos hõivavad nad protsessorit sekundeid.
- Rasked lehebuilderid ja WordPressi teemad, mis laadivad igal lehel kõikide moodulite skriptid, isegi kui neid kasutatakse ühel lehel.
- Liiga suur DOM ehk tuhanded HTML-elemendid lehel, mistõttu iga muudatus nõuab brauserilt palju ümberarvutamist.
- Klõpsu käsitlejad, mis teevad kohe raske töö, näiteks filtreerivad sadu tooteid või saadavad mitu analüütikasündmust enne, kui ekraan uueneb.
- Animatsioonid ja kerimisefektid, mis töötavad pidevalt taustal ja jätavad kasutaja tegevusele vähe ruumi.
Tüüpiline väikeettevõtte sait, mille INP on halb, ei ole keeruline rakendus. See on lihtne leht, millele on aastate jooksul lisatud kümme erinevat skripti.
Kuidas INP-d parandada
Alustage auditist: tehke nimekiri kõigist saidil laaditavatest kolmanda osapoole skriptidest ja küsige iga kohta, kas keegi kasutab seda andmeid või funktsiooni päriselt.
Eemaldage kasutamata skriptid. Vana pikslid kampaaniatest, mis ammu lõppesid, ja kaks analüütikatööriista korraga on väga levinud leid.
Laadige vajalikud skriptid hiljem. Vestlusakna võib laadida alles siis, kui kasutaja sellele vajutab, ja kaardi alles siis, kui ta jõuab lehe selle osani.
WordPressis keelake pluginate skriptid lehtedel, kus neid ei vajata, ja kaaluge raske lehebuilderi asendamist kergema teemaga, kui see on peamine koormus.
Arendaja saab pikad ülesanded jagada väiksemateks, et brauser jõuaks vahepeal ekraani uuendada, näidata kohe visuaalset tagasisidet ja teha raske töö pärast seda.
Pärast muudatusi jälgige Search Console'is, kuidas näitaja muutub. Päris kasutajate andmed uuenevad 28-päevase akna järgi, nii et tulemust näete umbes kuu aja pärast, mitte järgmisel päeval.
FAQ
Mis on hea INP väärtus?+
Google'i hinnangul on INP hea, kui see on kuni 200 millisekundit, vajab parandamist vahemikus 200 kuni 500 millisekundit ja on halb üle 500 millisekundi. Arvestatakse päris kasutajate andmeid ja hinnang põhineb lehe külastuste 75. protsentiilil, mis tähendab, et suurem osa külastustest peab jääma piiri alla. Kuna hinnang tuleb päris seadmetest, mõjutab tulemust tugevalt see, milliste telefonidega teie külastajad saidil käivad: võimsa arvutiga testides võib leht tunduda kiire, kuid odavama Android-telefoniga kasutaja kogeb sama klõpsu puhul märgatavat viivitust. Seetõttu tasub alati kontrollida Search Console'i andmeid, mitte ainult enda brauseri muljet.
Miks PageSpeed Insights ei näita minu saidi INP-d?+
PageSpeed Insights näitab INP-d ainult siis, kui Chrome'i kasutajakogemuse aruandes on teie lehe või saidi kohta piisavalt päris kasutajate andmeid. Väikese liiklusega saitidel neid andmeid sageli ei ole ja siis kuvatakse ainult laborimõõtmise tulemused, milles INP-d ei mõõdeta, sest testis keegi ei klõpsa. Sel juhul vaadake laboritulemustes näitajat Total Blocking Time, mis on INP-ga tihedalt seotud, ja testige olulisi interaktsioone käsitsi keskmise hinnaklassi telefonis. Kui saidil on mitu sarnast lehte, võib Search Console näidata andmeid lehegruppide kaupa isegi siis, kui üksiku lehe kohta andmeid pole.
Kas INP mõjutab Google'i positsioone?+
INP on osa Core Web Vitals näitajatest, mida Google kasutab lehekogemuse signaalina, kuid see on nõrk järjestusfaktor võrreldes sisu asjakohasuse ja kvaliteediga. Hea INP ei vii nõrka lehte esikohale ja halb INP ei kukuta tugevat sisu otsingust välja. Suurem mõju on kasutajatele: aeglane reageerimine klõpsule põhjustab topeltvajutusi, katkenud vorme ja lahkumisi, mis vähendavad päringuid ja müüki. Lisaks näitab halb INP peaaegu alati, et lehel on liiga palju JavaScripti, mis aeglustab ka laadimist, nii et parandamine annab kasu mitmes kohas korraga.