200 millisecondi suonano velocemente? L'interazione con la vernice successiva può aiutare ad aumentare la reattività del tuo sito web

May uscì con un ruggito. Che mese Google Core Update, due nuove metriche utente di Web Vitals e WordPress 6.0!

Il 25 maggio, Google ha annunciato l'inizio del suo ampio Core Update. L'aggiornamento principale di maggio 2022 dovrebbe durare due settimane. Le persone segnalavano i cambiamenti nelle pagine dei risultati di ricerca. Hai notato qualche cambiamento nelle tue SERP?

Anche WordPress 6.0, la seconda versione principale di WordPress del 2022, è stata lanciata. WordPress 5.9, rilasciato a gennaio 2022, ha introdotto la modifica completa del sito (FSE) per l'editor di blocchi. Con WordPress 6.0. il focus è ancora una volta sull'ampliamento e sul miglioramento delle funzioni dell'Editor blocchi. Tutti i siti Web dei tuoi clienti sono aggiornati a WordPress 6.0?

Aggiornamenti ovunque! Cosa è successo di importante per i miei siti web?

La grande mossa del cervello di Google a maggio è stata l'aggiunta di Time to First Byte (TTFB) e Interaction to Next Paint (INP) alle loro metriche Web Vitals. L'aggiunta di nuove metriche è il modo in cui Google dice "mantieni la concentrazione su ciò che è vitale".

Ora puoi misurare la reattività. Puoi vedere dove quei granelli di sabbia stanno rallentando gli ingranaggi. È fantastico per te e il tuo portafoglio di siti Web dei clienti.  

Ecco perché una Tesla è più veloce di un'auto a gas. In un motore a combustione interna, perdi velocità attraverso tutte le parti che si collegano con altre parti e l'attrito. Meno parti mobili significa che l'energia va alle ruote.

I Core Web Vitals stanno crescendo! pagespeed.web.dev ha appena ricevuto un aggiornamento, la rata RUM ora include Interaction to Next Paint (INP) e Time to first Byte (TTFB). Entrambe ottime scelte se me lo chiedi! L'INP è secondo me un modo molto migliore per misurare la reattività rispetto al First Input Delay che potrebbe essere facilmente manipolato. Il Time To First Byte avrebbe dovuto essere sempre più importante poiché precede qualsiasi meticcia delle prestazioni. Nessuna risposta = nessuna vernice, nessuna interazione ecc!.

Arjen Karel

Che cos'è Interaction to Next Paint (INP) e perché è importante?

Oltre a Google Core Web Vitals, Google sta misurando un numero crescente di metriche di risposta incentrate sull'utente, tra cui Interaction to Next Paint (INP) e Time to First Byte (TTFB). Tuttavia, prima di riorganizzare il tuo team, Google dice:

Queste metriche sul campo sono attualmente sperimentali, ma sono ora disponibili per gli utenti per la prova. Le metriche sperimentali possono cambiare o scomparire.

Google.com

Interaction to Next Paint (INP) è una nuova metrica che mira a rappresentare la latenza di interazione complessiva di una pagina selezionando una delle interazioni più lunghe quando un utente visita una pagina. INP è spesso il 98° percentile di latenza di interazione per le pagine con molte interazioni. Per le pagine con meno di 50 interazioni, INP è l'interazione con la latenza peggiore.

Ci sono molti elementi dell'interfaccia utente. KeyDown si verifica quando viene premuto un tasto. KeyUp si verifica quando viene rilasciata una chiave. C'è DragOver, Drop, OnFocus e molti altri. Ogni interazione viene imputata, elaborata e un risultato presentato all'utente.

Il tempo tra ogni azione è misurabile e un lungo intervallo tra il clic e la ricezione può aggiungere a un'esperienza utente scadente .

Interaction to Next Paint (INP) misura la latenza delle interazioni del nostro sito web. Alcuni esempi di queste interazioni includono:

• Un evento del mouse, come fare clic su un pulsante per cambiare i colori di un capo di abbigliamento.
• Un elemento interattivo attivato su un touchscreen con un dito, magari su una mappa.
• Premendo un tasto su un dispositivo mobile o desktop — per mostrare la risposta a una domanda.

Il tuo sito web ha molte interazioni? Gestisci piattaforme di eCommerce o eLearning? Dal momento che sai che gli utenti non vorranno aspettare quell'evento del mouse, INP è piuttosto eccitante.

Ora puoi vedere quali interazioni ti stanno rallentando e forse vedere dove potresti perdere conversioni a causa di tempi di risposta lenti.

Quanti soldi sta perdendo il tuo sito di eCommerce a causa della latenza, delle scarse prestazioni e, ad essere sinceri, di un host WordPress gestito la cui tecnologia è obsoleta per le aspettative dei clienti di oggi?

Rocket.net

Come posso misurare l'interazione di Google con la metrica successiva di Paint?

Per misurare l'interazione di Google con Next Paint, vai su PageSpeed ​​Insights per misurare l'INP della tua pagina. Ricorda. Stai misurando quella pagina, non l'intero sito web.

INP è simile a Cumulative Layout Shift (CLS) in quanto i valori di misurazione cambieranno quando l'utente rimane sulla tua pagina web. Una volta che l'utente ha lasciato la pagina, viene effettuata la misurazione, creando un valore INP complessivo. Alcune pagine avranno più interazioni di altre. Le interazioni di alcune pagine potrebbero non verificarsi se non viene scelta un'azione.

Solo perché hai superato i parametri vitali ora non significa che passerai il mese prossimo. I principali elementi vitali del web sono sperimentali e mutevoli. Ricontrolla regolarmente e rimani curioso!

Un sito web reattivo significa più di blocchi flessibili nel tuo CSS

Misurare l'interazione con Next Paint è piuttosto eccitante perché ora possiamo misurare quanto sia reattivo il nostro sito Web sotto le dita dei nostri utenti. Ricordi quando un sito Web reattivo significava che il nostro menu è crollato in un hamburger?

E non è solo il cellulare che conta per i parametri vitali. Le visualizzazioni desktop sono altrettanto importanti, specialmente se stiamo parlando di quei siti Web che le persone si prendono il loro tempo.

Interazione con Next Paint significa misurare il tempo impiegato dagli elementi della pagina per rispondere a un'interazione. Ora possiamo vedere quanto tempo impiega l'immagine di un prodotto per cambiare se l'utente sceglie un altro colore o quanto tempo impiega la risposta ad apparire sullo schermo. La velocità qui può essere un knockout per molti utenti. Ricorda: la velocità vince.

La riduzione della latenza tra le fasi di ogni interazione rende un sito Web veramente reattivo. Una volta risolti i problemi di velocità, puoi concentrarti dove conta davvero, migliorando l'esperienza quotidiana dei clienti della tua agenzia con la loro attività.

La velocità è così importante su un sito web perché vuoi attirare e fidelizzare potenziali clienti. E vuoi che lo dicano ai loro amici. Ciò che impedisce alle persone di rimanere sul tuo sito - e di convertirsi - è un'esperienza del sito Web scadente.

Rocket.net

Le microinterazioni sono la differenza tra un sito web valido e un ottimo sito web

Salva la latenza dell'interazione. Sbarazzarsi delle interazioni, dici?

Le microinterazioni sono piccole cose che danno ai nostri utenti la sensazione di poter fare qualcosa. È la sensazione di non essere più un partecipante insignificante e rigido ma di poter muovere, dire o cambiare qualcosa con poco sforzo. L'utente è coinvolto in modo giocoso senza che le cose si complichino. Gamificazione, giusto?

Le microinterazioni fanno la differenza nella nostra esperienza online, quindi non buttare via il bambino con l'acqua sporca solo per evitare di pulire la vasca da bagno.

Sempre di più, i marchi cercano di favorire le connessioni con i propri clienti. Sebbene sia stata posta molta attenzione sui canali di comunicazione, è altrettanto importante sfruttare i micro-momenti in cui è possibile fornire ai clienti un'esperienza utente positiva.

UsabilityGeek.com

Parlare è economico. Lascia che Rocket ti mostri cosa significa DAVVERO l'hosting WordPress più veloce!

Risparmiare sulle prestazioni del sito, sul tempo e sui soldi della tua agenzia? Sì. La piattaforma Rocket ha funzionalità integrate che eliminano la necessità di versioni altrimenti a pagamento di plug-in di sicurezza, ottimizzazione delle immagini, CDN e caricatore di contenuti JS. Sono funzionalità integrate nella tua nuova piattaforma preferita (il prodotto precedentemente noto come Managed WordPress Hosting).

Parliamo di come possiamo migrare il tuo sito su Rocket.net, l'hosting WordPress più veloce disponibile ovunque. Lancia la tua Missione oggi stesso!