• Visit NINJA ACADEMY
  • Rss
  • Twitter
    • Segui @ninjamarketing
  • Linkedin
  • Facebook
  • Instagram

News

  • Advertising
  • Instagram
  • Elon Musk
  • Facebook
  • Spotify
  • Podcast
Dole lancia una campagna per riscattare la mela proibita...
Barilla rinnova il suo Archivio Storico: 145 anni di storia...
Super Bowl 2022, gli spot di questa edizione che non...
Pepsi lancia un incredibile trailer per il Super Bowl con 5...
Abbonamenti per i creator: cosa sappiamo di Instagram...
Instagram, Facebook e WhatsApp non funzionano, blackout...
Instagram lancia “Cerca sulla mappa”: scopri...
Facebook lancia l’API Messenger per gli utenti...
Starlink: 40 satelliti distrutti da una tempesta...
Elon Musk ha venduto circa 5 miliardi di dollari di azioni...
Da Tesla a General Electric, chi sono i manager CEO più...
Google, partnership con SpaceX per l’internet satellitare...
I Reels arrivano anche su Facebook
È vero che Facebook e Instagram lasceranno l’Europa?...
Facebook ha deciso il suo nuovo nome: si chiamerà Meta
Trump l’ha fatto davvero: ha lanciato il suo social...
Culture Next di Spotify: cosa ci dice il report che studia...
Playlist di San Valentino: quali sono le canzoni più...
Spotify presenta Wrapped 2021: gli artisti, le canzoni, gli...
Spotify presenta la seconda edizione di Radar Italia e...
Batman arriva su Spotify: Claudio Santamaria darà la voce...
Al via “Donne Connesse”, la nuova serie di podcast...
Audio & subscription: le 400 puntate di Ninja PRO...
Come cambia il mondo del lavoro: la nuova frontiera...

Insight

  • Metaverso
  • Trend 2022
  • eCommerce
  • GDPR
  • Lavoro
  • Design
Il Metaverse Standards Forum scrive le regole mondiali del...
Nel Metaverso sono arrivati gli avatar non-binari
Metaverso: cos’è e possibili applicazioni presenti e...
Creator Economy e Decentralizzazione come base per la...
10 Tendenze eCommerce da seguire nel 2022
Customer engagement: i 4 trend del 2022
70+ report e trend per la tua strategia vincente nel 2022
Gli 8 Creative Trends 2022 che marketer e designer non...
Scopri la magia del giusto pricing e vendi i tuoi prodotti...
10 Tendenze eCommerce da seguire nel 2022
Come il Social Commerce guiderà la ripresa dei consumi...
Il tuo primo anno da Seller su Amazon: scopri come iniziare...
Alternative a Google Analytics per essere GDPR compliant
Google Analytics e GDPR: il Garante per la Privacy boccia...
Ecco cosa dice il Garante: no, non basta utilizzare Google...
Browser Web: le alternative (decentralizzate) a Chrome
Chi sono i CEO italiani più seguiti su LinkedIn nel 2022:...
Come fare onboarding di nuova generazione ed evitare i...
Employer branding: guida aggiornata al 2022
Talent Acquisition vs Recruitment: non sottovalutare il...
Canva Champion: come usare il tool più odiato dagli snob...
Il rebranding di Toblerone è un restyling che attinge...
Torna la Milano Design Week: eventi, mostre e installazioni...
Stupire ed emozionare con il colore: come farlo brillare...

Tutti i TopicsChiudi

Ninja Marketing
  • Advertising
  • Branding
  • Consumer Trends
  • Creatività
  • Design
  • Digital Marketing
  • Event Marketing
  • Innovazione
  • Marketing Strategy
  • Marketing Tools
  • Media
  • Social Media Marketing
  • Relazioni Pubbliche
  • Guide
  • Webinar
Ninja Company
  • Aziende
  • Diritto
  • CSR
  • Finanza & Mercati
  • Digital Transformation
  • Management
  • Retail
  • Sales
  • IT
Ninja HR
  • Comunicazione Interna
  • Employer Branding
  • Formazione
  • Lavoro
  • Leadership
  • Produttività
  • Recruiting
  • Smart Working
  • Talent Management
  • Welfare
Ninja Brands
  • Amazon
  • Apple
  • Facebook
  • Google
  • Instagram
  • Linkedin
  • Microsoft
  • Netflix
  • Oracle
  • Snapchat
  • Tesla
  • TikTok
  • Twitter
  • Virgin
  • YouTube
  • 0Carrello
Logo Ninja Logo Ninja
  • News
  • Insight
  • Topics
  • Academy
  • Diventa PRO
  • Menu
  • Accedi
  • Home
  • Marketing
  • Business
  • Future
  • Life
  • PRO
  •   Ninja Academy
  • Ninja Deals -->
  • Twitter Linkedin Facebook Instagram YouTube
  • Accedi
  • Home
  • News
    • Advertising
    • Instagram
    • Elon Musk
    • Facebook
    • Spotify
    • Podcast
  • Insight
    • Metaverso
    • Trend 2022
    • eCommerce
    • GDPR
    • Lavoro
    • Design
  • Topics
    • Ninja Marketing
    • Advertising
    • Branding
    • Consumer Trends
    • Creatività
    • Design
    • Digital Marketing
    • Event Marketing
    • Innovazione
    • Marketing Strategy
    • Marketing Tools
    • Media
    • Social Media Marketing
    • Relazioni Pubbliche
    • Guide
    • Webinar
    • Ninja Company
    • Aziende
    • Diritto
    • CSR
    • Finanza & Mercati
    • Digital Transformation
    • Management
    • Retail
    • Sales
    • IT
    • Ninja HR
    • Comunicazione Interna
    • Employer Branding
    • Formazione
    • Lavoro
    • Leadership
    • Produttività
    • Recruiting
    • Smart Working
    • Talent Management
    • Welfare
    • Ninja Brands
    • Amazon
    • Apple
    • Facebook
    • Google
    • Instagram
    • Linkedin
    • Microsoft
    • Netflix
    • Oracle
    • Snapchat
    • Tesla
    • TikTok
    • Twitter
    • Virgin
    • YouTube
  • Diventa PRO
  •   Ninja Academy
  • Twitter Linkedin Facebook Instagram YouTube
  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email
Logo Ninja

Diventa free member

Vuoi leggere questo articolo e le altre notizie e approfondimenti su Ninja? Allora registrati e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.
Logo Ninja

Diventa free member

Vuoi leggere questo articolo, le altre notizie e approfondimenti su Ninja? Allora lascia semplicemente nome e mail e diventa un membro free. Riceverai Breaking News, Marketing Insight, Podcast, Tips&Tricks e tanto altro. Che aspetti? Tieniti aggiornato con Ninja.
Sei già un membro Ninja? Accedi

Da Sapere

Core Web Vitals: cosa sono le metriche Google per la UX delle pagine web

L'obiettivo è realizzare pagine web ineccepibili in termini di user experience

Aggiungi ai preferiti Leggi dopo

Score

3.3K Share

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

INIZIA GRATIS CON NINJA: per te un Corso in 6 lezioni, Newsletter, Accesso alla community Facebook e al canale Telegram
Antonio Romano 

Digital Marketing Specialist

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Pubblicato il 31/08/2021

Le Core Web Vitals (in italiano tradotti come “segnali vitali per il web”) rappresentano il nuovo set di metriche delle prestazioni di un sito che aiutano a evidenziare gli aspetti dello sviluppo di pagine Web che influiscono sulla user experience UX, come caricamento della pagina, interattività e stabilità visiva.

Attenzione, non si tratta di un nuovo algoritmo quale ad esempio il recentemente citato MUM: Multitask Unified Model che sostituirà Bert, ma di tre metriche strettamente legate alla UX, molto importanti per il ranking, dato che Google da tempo punta a migliorare la qualità della navigazione degli utenti.

Qui di seguito ho riproposto una slide che ormai tutti conosciamo, divulgata da Google il 28 maggio 2020 quando vennero annunciati i CVW, riguardante tutte le metriche che influiscono sulla UX di una pagina web, dal mobile friendly (mobile first ormai) alla velocità di caricamento del sito (TTFB Time TO First Byte), fino all’adozione dell’ HTTPS, ai CWV e tanto altro.

Metriche Core Web Vitals

Descrizione delle metriche dei Core Web Vitals

Quindi, avendo assodato che i Web Vitals sono fattori di ranking, passiamo a vedere quali sono e quali aspetti della navigazione riguardano.

Le metriche che rientrano nei Core Web Vitals sono:

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumlative Layout Shift (CLS)

LEGGI ANCHE: Google Analytics 4: configurazione passo passo ed esplorazione demo account

Largest Contentful Paint (LCP)

Il Largest Contentful Paint è la metrica che descrive la velocità di caricamento di una pagina web. Possiamo paragonare questa metrica ad un centometrista nella corsa.

Infatti il LCP è il tempo di rendering dell’elemento più grande in termini di Kb (Largest) visibile all’interno del viewport. Inutile dire che minore è il tempo di caricamento, migliore il ranking. 

Entriamo nel dettaglio, se il vostro sito presenta LCP fino a 2,5 secondi allora non avete ottimizzazioni da fare. Se supera questo valore e raggiunge i 4 secondi allora dovere analizzare la struttura della pagina per le dovute ottimizzazioni. 

Nel caso di valori superiori, cancellate il sito! Scherzo ovviamente, ma andrebbe rivista tutta la logica, la struttura del sito, le ottimizzazioni dei video, delle immagini ma anche la presenza di banner pubblicitari invasivi, popup e altro.

Largest contentful paint dei Core Web Vitals

Descrizione della metrica largest contentful paint dei Core Web Vitals

Scendiamo un po' nel dettaglio per capire meglio quali contenuti vengono esaminati dal LCP. In particolare, facciamo riferimento ad una serie di elementi posizionati in “above the fold”, quali:

  • elementi di tipo immagini <img>
  • elementi di tipo immagini <image> dentro a elementi di tipo <svg>
  • elementi di tipo video <video>
  • elementi di immagini in background caricati attraverso la mitica funzione url() che si usano dentro i CSS
  • Un elemento di blocco (Block-level) che contiene testo o altri elementi

Alcuni, non proprio addetti ai lavori, avranno storto il naso davanti l’espressione “above the fold”. Chiariamo subito: con tale termine indichiamo l’area più importante del sito, la parte superiore della pagina web, quella visibile dall’utente subito in primo piano, senza necessità di usare la barra di scorrimento del browser.

Quindi tutto quello che viene mostrato in quest’area, deve essere caricato entro i 2,5 secondi.

First Input Delay (FID)

Il First Input Delay (FID), è la metrica preferita da tutti i surfisti del web, perché misura il tempo trascorso fra la prima interazione di un utente con la pagina del vostro sito e il momento in cui il browser risponde all’input. 

In pratica, misura quanto tempo impiega il browser a rispondere agli input dell’utente che naviga su una pagina web.

Come per la metrica LCP, anche quella FID hai dei range entro i quali possiamo dire di aver superato il test e in questo caso parliamo di un tempo che va fino ai 100 millisecondi per interazione, cioè: 

  • Click su un link
  • Touch da mobile su un bottone
  • Qualsiasi listener JavaScript
  • Un filtro

La metrica FID misura il ritardo dell’ input, o meglio la latenza che si verifica quando il thread principale del browser è impegnato a fare altro, ad esempio caricare, analizzare oppure eseguire un file JavaScript oppure un CSS di grandi dimensioni e nel frattempo non può rispondere all’utente.

Questa metrica spingerà molti sviluppatori verso la programmazione asincrona che consente di eseguire simultaneamente più richieste senza che una blocchi le altre.

Core Web Vitals first input delay

Descrizione della metrica first input delay dei Core Web Vitals

Cumulative Layout Shift (CLS)

Il CLS misura tutti quei fastidiosissimi cambiamenti di layout che arrivano all’improvviso e che si verificano durante l’intera durata della visita della pagina. 

Abbiamo mai notato, durante la navigazione di una pagina web, che alcuni elementi della pagina si spostino improvvisamente oppure cambino di dimensione ? Alcuni attribuivano questi sgradevoli effetti come dovuti alla lentezza di caricamente della pagina web.

A differenza delle due metriche precedenti, calcolate secondo unità di tempo, il CLS viene misurato in termini di “spazio” con un parametro di confronto creato appositamente, una sorta di benchmark.

Immaginiamo di avere un modulo di richiesta informazioni con due pulsanti molto vicini che consentono due azioni differenti, quali “completa ordine” e “annulla ordine”. Quante volte succede che, nel momento in cui si sta per cliccare su “accetta ordine”, termina il caricamento del secondo pulsante, la pagina si adatta a visualizzare il nuovo contenuto e, involontariamente, clicchiamo sul pulsante “annulla ordine” ?

Di solito gli elementi oggetto di questo shifting sono contenuti nella sezione di onload e onpage quali:

  • caratteri
  • immagini
  • video
  • moduli di contatto
  • pulsanti e altri tipi di contenuti

Secondo gli ingegneri di Google, i motivi che determinano una variazione cumulativa del layout sono i seguenti:

  • Immagini o video di dimensioni sconosciute / non impostate correttamente.
  • Annunci, embeds e iframe senza dimensioni.
  • Contenuto iniettato
  • Web font che causano FOIT / FOUT
  • Azioni in attesa di una risposta di rete prima di aggiornare DOM

Questa metrica rappresenta quindi la distanza misurata e la frazione del viewport che si sposta a causa della manipolazione del DOM o della mancanza di attributi di dimensione per i principali elementi multimediali.

Core Web Vitals, il cumulative layout shift

Descrizione della metrica cumulative layout shift dei Core Web Vitals

Queste sono le tre metriche con cui avremo a che fare in futuro per la realizzazione di pagine web ineccepibili in termini di user experience UX.

A questo punto viene naturale chiedersi come analizzare il proprio sito sotto il profilo dei Core Web Vitals.

Nessun problema, ecco alcuni dei principali strumenti che vi aiuteranno in questo lavoro e che sono stati realizzati proprio da Google:

  1. Page Speed Insight
  2. LightHouse
  3. Google Search Console
  4. Chrome Web Tools

Detto questo, quando progettiamo e sviluppiamo un sito web, ricordiamo che il nostro fine è quello di realizzare sempre una facile esperienza di navigazione per gli utenti e di consentire loro di trovare le informazioni che cercano nel minor tempo possibile.

Sono metriche strettamente legate alla UX, molto importanti per il ranking, dato che Google da tempo punta a migliorare la qualità della navigazione degli utenti.

Scritto da

Antonio Romano 

Digital Marketing Specialist

Appassionato di tutto ciò che riguarda il mondo Digital, in particolare declinato verso il marketing e il web development. Laureato in economia aziendale a Napoli ho approf… continua

Condividi questo articolo

  • Share on Twitter
  • Share on Facebook
  • Share on Linkedin
  • Send an email

Amiamo ricevere i tuoi commenti a ideas@ninjamarketing.it

Leggi anche

Google presenta Imagen: software di AI che traduce i testi in immagini
Alternative a Google Analytics per essere GDPR compliant
SEO Trend 2022: 6 tendenze che non puoi non conoscere quest’anno

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

Ninja

  • About
  • Filosofia Ninja
  • Il Clan
  • Top contributor
  • Advertise
  • Partner
  • Contatti

Top Contributor – Last year

1
Mariagrazia Repola

Copywriter

2
Flavia Alvi

Social Media Manager

3
Urania Frattaroli

Creative Copywriter

Vuoi fare Carriera nel Digital Business?

+100.000 professionisti e 500 grandi aziende hanno incrementato i loro Affari grazie a Ninja.

Non aspettare, entra subito e gratis nella Ninja Tribe per avere Daily Brief, Free Masterclass e l’accesso alla community di professionisti.

INIZIA GRATIS

ISCRITTO A

Seguici

Ninja Magazine è una testata registrata presso il Tribunale di Salerno n. 14/08 - Codice ISSN 2704-6656
Editore: Ninja Marketing Srl, Centro Direzionale Milanofiori, Strada 4, Palazzo A - scala 2, 20057 Assago (MI), Italy - P.IVA 04330590656.
© Ninja Marketing è un marchio registrato, tutti i diritti sono riservati
Puoi ripubblicare i contenuti citando e linkando la fonte nel rispetto della Licenza Creative Commons
PRIVACY POLICY, CONDIZIONI D’USO E COOKIE POLICY
Scorrere verso l’alto