200 de milisecunde sună rapid? Interacțiunea cu următoarea vopsea poate ajuta la creșterea capacității de răspuns a site-ului dvs. web

Publicat: 2022-07-17
200 Milliseconds Sound Fast? Interaction To Next Paint Can Help Boost the Responsiveness Of Your Website

May a ieșit cu un vuiet. Ce lună. Google Core Update, două noi valori ale utilizatorului Web Vitals și WordPress 6.0!

Pe 25 mai, Google a anunțat începerea actualizării sale principale de bază. Actualizarea de bază din mai 2022 este de așteptat să dureze două săptămâni. Oamenii raportau schimbări în paginile cu rezultatele căutării. Ați observat vreo schimbare în SERP-urile dvs.?

WordPress 6.0, a doua lansare majoră a WordPress din 2022, a fost lansat și el. WordPress 5.9, lansat în ianuarie 2022, a introdus editarea completă a site-ului (FSE) pentru editorul de blocuri. Cu WordPress 6.0. accentul se pune din nou pe extinderea și îmbunătățirea funcțiilor Editorului de blocuri. Sunt toate site-urile web ale clientului dvs. actualizate la WordPress 6.0?

Actualizări peste tot! Ce s-a întâmplat și este important pentru site-urile mele web?

Marea mișcare a creierului de către Google în mai a fost adăugarea Time to First Byte (TTFB) și Interaction to Next Paint (INP) la valorile lor Web Vitals. Adăugarea de noi valori este modul Google de a spune: „Păstrați-vă concentrarea pe ceea ce este vital”.

Acum puteți măsura capacitatea de răspuns. Puteți vedea unde acele granule de nisip încetinesc vitezele. Este grozav pentru tine și portofoliul tău de site-uri web clienți.  

De aceea o Tesla este mai rapidă decât o mașină pe benzină. Într-un motor cu ardere internă, pierzi viteză prin toate piesele care se conectează cu alte părți și prin frecare. Mai puține părți în mișcare înseamnă că energia ajunge la roți.

Core Web Vitals cresc! pagespeed.web.dev tocmai a primit o actualizare, rata RUM include acum Interacțiunea cu Next Paint (INP) și Time to first Byte (TTFB). Ambele alegeri grozave dacă mă întrebați pe mine! INP este, în opinia mea, o modalitate mult mai bună de a măsura capacitatea de răspuns decât întârzierea primei intrări, care ar putea fi ușor manipulată. Time To First Byte ar fi trebuit să fie întotdeauna mai important, deoarece precede orice metică de performanță. Fără răspuns = fără vopsea, fără interacțiune etc!.

Arjen Karel

Ce este Interacțiunea cu Next Paint (INP) și de ce este importantă?

Pe lângă Google Core Web Vitals, Google măsoară un număr tot mai mare de valori de răspuns centrate pe utilizator, inclusiv Interaction to Next Paint (INP) și Time to First Byte (TTFB). Cu toate acestea, înainte de a vă reface echipa, Google spune:

Aceste valori de câmp sunt în prezent experimentale, dar sunt acum disponibile pentru ca utilizatorii să le încerce. Valorile experimentale se pot schimba sau dispărea.

Google.com

Interacțiunea cu Next Paint (INP) este o nouă măsurătoare care își propune să reprezinte latența globală a interacțiunii unei pagini, selectând una dintre cele mai lungi interacțiuni atunci când un utilizator vizitează o pagină. INP este cel mai adesea a 98-a percentila a latenței interacțiunii pentru paginile cu multe interacțiuni. Pentru paginile cu mai puțin de 50 de interacțiuni, INP este interacțiunea cu cea mai proastă latență.

Există multe elemente UI. KeyDown apare atunci când o tastă este apăsată. KeyUp are loc atunci când o tastă este eliberată. Există DragOver, Drop, OnFocus și multe altele. Fiecare interacțiune este imputată, procesată și un rezultat prezentat utilizatorului.

Timpul dintre fiecare acțiune este măsurabil, iar un interval lung între clic și primire poate contribui la o experiență de utilizator slabă .

Interacțiunea cu Next Paint (INP) măsoară latența interacțiunilor site-ului nostru. Câteva exemple de aceste interacțiuni includ:

  • Un eveniment de mouse – cum ar fi clic pe un buton pentru a schimba culorile unui articol vestimentar.
  • Un element interactiv activat pe un ecran tactil cu un deget – poate pe o hartă.
  • Apăsarea unei taste de pe un dispozitiv mobil sau desktop — pentru a afișa răspunsul la o întrebare.

Site-ul dvs. are multe interacțiuni? Derulați platforme de comerț electronic sau eLearning? Din moment ce știți că utilizatorii nu vor dori să aștepte pentru acel eveniment de mouse, INP este destul de interesant.

Acum puteți vedea ce interacțiuni vă încetinesc și, probabil, puteți vedea unde puteți pierde conversii din cauza timpului de răspuns lent.

Câți bani pierde site-ul tău de comerț electronic din cauza latenței, a performanței slabe și, să fiu sincer, a unei gazde WordPress gestionate a cărei tehnologie este depășită pentru așteptările clienților de astăzi?

Rocket.net

Cum pot măsura interacțiunea Google cu următoarea metrică Paint?

Pentru a măsura interacțiunea Google cu Next Paint, accesați PageSpeed ​​Insights pentru a măsura INP-ul paginii dvs. Tine minte. Măsurați acea pagină, nu întregul site.

INP este similar cu Cumulative Layout Shift (CLS) prin faptul că valorile de măsurare se vor schimba pe măsură ce utilizatorul rămâne pe pagina dvs. web. Odată ce utilizatorul a părăsit pagina, se face măsurarea, creând o valoare generală INP. Unele pagini vor avea mai multe interacțiuni decât altele. Interacțiunile unor pagini pot să nu aibă loc dacă nu este aleasă o acțiune.

Doar pentru că acum treci elementele vitale nu înseamnă că vei trece luna viitoare. Elementele vitale web de bază sunt experimentale și în schimbare. Reveniți regulat și rămâneți curios!

Un site web receptiv înseamnă mai mult decât blocuri flexibile în CSS-ul tău

Măsurarea interacțiunii cu Next Paint este destul de interesantă, deoarece acum putem măsura cât de receptiv este site-ul nostru sub degetele utilizatorilor noștri. Îți amintești când un site web receptiv a însemnat meniul nostru să se prăbușească într-un hamburger?

Și nu doar mobilul contează pentru elementele vitale. Vizualizările de pe desktop sunt la fel de importante – mai ales dacă vorbim despre acele site-uri web pe care oamenii își iau timpul.

Interacțiunea cu Next Paint înseamnă măsurarea timpului necesar pentru ca elementele din pagină să răspundă la o interacțiune. Acum putem vedea cât durează până când imaginea unui produs se schimbă dacă utilizatorul alege o altă culoare sau cât durează răspunsul să apară pe ecran. Viteza de aici poate fi un knockout pentru mulți utilizatori. Amintiți-vă – viteza câștigă.

Scurtarea latenței dintre etapele fiecărei interacțiuni face ca un site să fie cu adevărat receptiv. Cu problemele de viteză rezolvate, vă puteți concentra acolo unde contează cu adevărat – îmbunătățind experiența de zi cu zi a clienților agenției cu afacerea lor.

Viteza este atât de importantă pe un site web, deoarece doriți să atrageți și să păstrați potențiali clienți. Și vrei să le spună prietenilor lor. Ceea ce îi împiedică pe oameni să rămână pe site-ul tău – și să facă conversii – este o experiență slabă pe site.

Rocket.net

Microinteracțiunile sunt diferența dintre un site web bun și un site web grozav

Salvați latența interacțiunii. Scăpați de interacțiuni, spuneți?

Microinteracțiunile sunt lucruri mici care oferă utilizatorilor noștri sentimentul că pot face ceva. Este sentimentul de a nu mai fi un participant nesemnificativ, rigid, ci de a fi capabil să miști, să spui sau să schimbi ceva cu puțin efort. Utilizatorul este implicat jucăuș, fără ca lucrurile să se complice. Gamificare, nu?

Microinteracțiunile fac toată diferența pentru experiența noastră online, așa că nu aruncați copilul împreună cu apa de baie doar pentru a economisi curățarea căzii.

Din ce în ce mai mult, mărcile caută să favorizeze conexiunile cu clienții lor. Deși s-a acordat multă atenție canalelor de comunicare, este la fel de important să profitați de micro-momentele în care puteți oferi clienților o experiență pozitivă de utilizator.

UsabilityGeek.com

Vorbirea este ieftină. Lăsați Rocket să vă arate ce înseamnă cu adevărat cea mai rapidă găzduire WordPress!

Economisiți performanța site-ului, timpul și banii agenției dvs.? Da. Platforma Rocket are funcții încorporate care elimină nevoia de versiuni altfel plătite de pluginuri de securitate, optimizare a imaginii, CDN și încărcare de conținut JS. Sunt funcții integrate în noua dvs. platformă preferată (produsul cunoscut anterior sub numele de Găzduire WordPress gestionată).

Să vorbim despre cum vă putem migra site-ul către Rocket.net, cea mai rapidă găzduire WordPress disponibilă oriunde. Lansează-ți Misiunea astăzi!