Келесі бояуға әрекеттесу (INP)

Келесі Paint бағдарламасымен өзара әрекеттесу беттің пайдаланушы енгізген ақпаратқа қаншалықты тез жауап беретінін өлшейді, кіру кезінде болған ең нашар өзара әрекеттесу кідірістерін көрсететін мәнді хабарлайды. Ол 2024 жылдың наурыз айында Core Web Vitals жауап беру көрсеткіші ретінде First Input Delay-ді ауыстырды және өзгеріс маңызды болды: ескі өлшем тек бірінші өзара әрекеттесуде өңдеу басталғанға дейінгі кідірістерді көрсетсе, бұл өлшем сеанстағы барлық өзара әрекеттесулер бойынша енгізуден өңдеуге дейінгі толық уақытты өлшейді.

Бұл айырмашылық маңызды, себебі бұрынғы метрика көптеген сайттарға ұнады. Бет баяу болып қала отырып, бірінші енгізудің тамаша кідірісін тіркей алады, себебі өлшеу оқиға өңдегішінің қанша уақыт жұмыс істегенін және браузердің нәтижені көрсетуге қанша уақыт кеткенін ескермегендіктен және ол тек бір әрекеттесуді қарастырғандықтан. Ескі өлшеу кезінде жауап беретін болып көрінетін сайттар, әсіресе бір беттік қосымшалар және клиенттік логикасы ауыр кез келген интерфейс, жаңасында жиі жауап бермейді.

Көрсетілген мән ең ұзақ байқалған өзара әрекеттесулерден алынады, көптеген өзара әрекеттесулері бар беттердегі ауытқуларға жол беріледі, ал Google жарияланған шегі нақты пайдаланушы тәжірибесінің жетпіс бес пайызында 200 миллисекунд немесе одан аз уақытты жақсы деп санайды. Ол кірістен бастап суретке дейінгі бүкіл жолды қамтитындықтан, нашар ұпайлар бірнеше нүктеден туындауы мүмкін: негізгі ағындағы ұзақ тапсырмалар браузердің оқиғаны өңдеуіне кедергі келтіреді, оқиға өңдегіштерінің шамадан тыс жұмысты синхронды түрде орындауы, оқу және жазу стильдерінің аралық түрде болуынан туындаған орналасудың бұзылуы және күй өзгерістерінен кейін қымбат көрсету.

Диагностика әдетте желілік жағдайларға емес, JavaScript орындалуына нұсқайды, бұл бұл метриканы жүктеу өлшемдерінен ажыратады. Жалпы себептерге негізгі ағында орындалатын үлкен монолитті бумалар, өзара әрекеттесу кезінде кез келген жұмысты орындайтын үшінші тарап сценарийлері, өзгеріс қажет ететіннен әлдеқайда көп ағашқа тиетін фреймворк қайта көрсетулері және негізгі ағыннан кейінге қалдырылуы немесе жылжытылуы мүмкін синхронды есептеулерді орындайтын өңдеушілер жатады. Ұзақ тапсырмалар көп жағдайда негізгі механизм болып табылады, себебі тапсырма орындалып жатқанда браузер енгізуге жауап бере алмайды.

Қалпына келтіру диагноздан кейін жүзеге асырылады. Ұзын тапсырмаларды нақты кірістіру арқылы кішігірім бөліктерге бөлу браузерге олардың арасындағы кірісті өңдеуге мүмкіндік береді. Пайдаланушы жауапты бірден көруі үшін маңызды емес жұмысты визуалды жаңартудан кейінге қалдыру, ең көп таралған үлгіні шешу. JavaScript жеткізілген көлемін азайту, негізгі ағынның құны үшін үшінші тарап сценарийлерін аудиттеу, ұзын тізімдерді виртуалдандыру және ауыр есептеулерді әрқайсысы нақты себептерді шешетін жұмысшыға ауыстыру. Баяу операциялар үшін дереу визуалды кері байланыс беру өлшенген мәнді жақсартпайды, бірақ кідірістің қалай сезілетінін өзгертеді.

Үшінші тарап сценарийлері арнайы тексеруді қажет етеді, себебі олар жиі кездесетін себеп болып табылады және команданың тікелей бақылауынан тыс. Чат виджеттері, келісім менеджерлері, аналитика кітапханалары, жекелендіру құралдары және жарнама сценарийлерінің барлығы негізгі ағында орындалады және келуші өзара әрекеттесуге тырысқан сәтте оны пайдалана алады. Әрбір үшінші тараптың негізгі ағын құнын аудиттеу, ең дұрысы, бетті онсыз және онсыз өлшеу арқылы, әрбір жеткізушінің жауап беру тұрғысынан қанша тұратынының нақты тізімін жасайды. Бұл көрсеткіш әрбір құралды сұраған командалармен ымыраға келуді талқылауға мүмкіндік береді, бұл әдетте қолжетімді бюджеттің көп бөлігін тұтынатын сценарийдің айналасында қолданба кодын оңтайландыруға тырысудан гөрі өнімдірек жол болып табылады.

Метрика активтерді жеткізумен емес, қолданба кодымен басқарылатындықтан, оны жақсарту әдетте конфигурациялаудың орнына инженерлік жұмысты қажет етеді. Іс жүзінде ол арасындағы шекарада орналасқан веб-өнімділік және өнімді дамыту, және бұл әсіресе интерактивті коммерция және брондау интерфейстері үшін маңызды, мұнда жауап бермейтін сүзгілеу, конфигурациялау және себет өзара әрекеттесулері аналитикада ешқандай айқын себепсіз қарапайым төмендеу ретінде көрінетін бас тартуды тудырады.