Un caso di studio che misura l'impatto e i vantaggi completi dei punteggi di rendimento elevato su Core Web Vitals.
RebelMouse è un CMS basato su cloud con gli strumenti basati sui dati e la strategia creativa di cui i publisher hanno bisogno per offrire la migliore esperienza possibile ai segmenti di pubblico, sia nuovi che di lunga data. Gestiamo proprietà web ad alto traffico per società di media come Upworthy, Narcity, Raw Story, Brit + Co e The Independent, nonché siti di alto valore come Penske Trucks, Vault12, Gaingels e molti altri.
La nostra piattaforma raggiunge oltre 100 milioni di persone al mese solo negli Stati Uniti. L'azienda è stata fondata sul principio per cui il web aperto deve funzionare ai massimi livelli delle aspettative dei consumatori per prosperare e gli standard stabiliti da Core Web Vitals di Google sono in linea con questa visione incentrata sull'utente.
Da oltre un decennio, il nostro team globale progetta un CMS che crea esperienze utente positive e intuitive che si traducono in attività significative. I Core Web Vitals sono un benchmark che garantisce che questo ciclo simbiotico continui su ogni nuovo sito che supportiamo.
Perché dare la priorità al rendimento significa migliorare l'attività
Molti publisher dubitano che valga la pena ottenere punteggi eccellenti per i Core Web Vitals. Temono inoltre che anche un'esperienza utente di qualità non generi l'aumento del numero di lettori di cui hanno bisogno. Fortunatamente, la nostra priorità per il rendimento in RebelMouse ci ha fornito i dati per dimostrare che Core Web Vitals sono un ottimo modo per generare nuovo traffico e creare la fedeltà degli utenti necessaria per avere un'attività di successo.
Per esemplificare, abbiamo analizzato il comportamento del pubblico di una serie di siti che gestiamo, sia prima che dopo l'ottimizzazione per ottenere punteggi di rendimento elevato in Core Web Vitals. In particolare, abbiamo definito tipi di utenti per separare i segmenti di pubblico nelle seguenti categorie principali:
- Nuovi visitatori:utenti che hanno visitato un sito per la prima volta.
- Visitatori di ritorno:utenti che hanno effettuato almeno due sessioni.
- Visitatori fedeli:utenti che hanno effettuato almeno tre sessioni.
- Fan: utenti che hanno effettuato almeno quattro sessioni.
- Superfan: utenti che hanno effettuato almeno cinque sessioni.
Riferimenti: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
I dati del campo, raccolti da Google Analytics, erano estremamente chiari. Se ci concentriamo sulle categorie di visitatori fedeli, fan e superfan, abbiamo riscontrato che gli utenti hanno molte più probabilità di rimanere più a lungo, consumare più contenuti e tornare più spesso sui siti che ricevono ottimi voti per i Core Web Vitals. Ecco alcuni esempi di rilievo:
Tuttavia, il consumo di contenuti e il tempo di visualizzazione per utente non sono state le uniche metriche a registrare un picco. Anche il numero di utenti che visitano le pagine e accedono alle pagine è aumentato nelle stesse categorie:
Da normale a ad alto rendimento: come RebelMouse trasforma i siti web
La buona notizia è che è possibile ottenere un buon rendimento nei Core Web Vitals apportando modifiche strategiche e ponderate alla base di codice del sito. Ecco alcuni modi in cui RebelMouse supporta i siti web ad alto rendimento:
App web progressiva
RebelMouse ottimizza tutte le chiamate di terze parti in un'app web progressiva che mostra prima i contenuti più importanti e poi ordina le altre chiamate in base alle esigenze del lettore.
Abbiamo un metodo che carica JavaScript subito dopo il completamento dell'evento Largest Contentful Paint (LCP). Offriamo ai nostri utenti la possibilità di caricare JavaScript tramite tre diversi livelli di priorità:
- L'opzione Ottimizzata è ideale per gli utenti che vogliono utilizzare gli approcci più all'avanguardia. La utilizziamo per le nostre attività di sviluppo. Questo livello di priorità mette in pausa l'esecuzione di JavaScript fino a molto tempo dopo il caricamento completo della pagina, il che ti offre le prestazioni più elevate.
- Il blocco del caricamento viene utilizzato per eseguire immediatamente JavaScript e in genere ha un impatto negativo sui punteggi di rendimento. Questo livello di priorità attiverà il codice JavaScript immediatamente dopo il completamento del caricamento della pagina. Ciò potrebbe far scendere i punteggi di rendimento di 10-40 punti, a seconda della chiamata aggiuntiva.
- Post LCP è l'opzione migliore per combinare ottimi punteggi di rendimento con un caricamento molto rapido. Questo livello di priorità fa sì che JavaScript venga caricato immediatamente al termine dell'evento Largest Contentful Paint. Questa opzione è consigliata solo per gli annunci, se hai aumentato le entrate pubblicando annunci per gli utenti che rimangono sulla pagina per circa cinque secondi.
Ottimizzare gli elementi incorporati dei social
Per proteggere i punteggi CLS (Cumulative Layout Shift) e LCP (Largest Contentful Paint), tutti gli elementi incorporati dei social devono essere impostati su caricamento lento.
Per preservare il CLS, devi trovare dinamicamente le dimensioni dell'embed con la tecnologia lato server e inserirle nello spazio di archiviazione delle proprietà dell'embed. Poi, l'embed deve essere pubblicato nel front-end per evitare che il layout si sposti al caricamento. Per chi vuole approfondire l'argomento, abbiamo post specifici su esempi di Twitter e TikTok con ulteriori dettagli.
HTML e CSS ultraleggeri e intelligenti
Il codice HTML e CSS del sito deve essere creato in modo da consentire il precaricamento delle immagini e del testo in primo piano prima del resto della pagina.
- Strutture HTML errate costringono il browser a elaborare molti elementi del sito non necessari che si trovano below the fold per visualizzare gli elementi above the fold nel primo viewport.
- Qui puoi trovare articoli più approfonditi su come otteniamo questo risultato su RebelMouse:
- Una spiegazione dettagliata su come migliorare i Core Web Vitals.
- Una guida completa sull'implementazione di velocità di caricamento delle pagine elevate, includendo anche script di terze parti.
- Una guida approfondita sull'ottimizzazione per l'LCP.
Pubblicare con un approccio incentrato sul rendimento
Dal lancio di Core Web Vitals, gli sviluppatori hanno notato l'impatto delle loro piattaforme di pubblicazione rispetto alle soglie consigliate da Google.
HTTP Archive, un progetto open source che identifica le tendenze e registra i pattern storici su milioni di URL, ha rivelato il rendimento dei principali sistemi di gestione dei contenuti rispetto agli standard di esperienza sulle pagine di Google nel suo report sulla tecnologia Core Web Vitals. RebelMouse ha sempre superato le principali piattaforme CMS per le metriche più importanti di Google dal suo lancio e nel 2022:
Prestazioni senza compromessi
Ora, creare contenuti di qualità è solo la metà del lavoro per publisher e brand. I contenuti di qualità devono essere supportati da una tecnologia moderna in grado di stare al passo con la velocità e gli standard del web di oggi. Siamo in grado di fornire Core Web Vitals che soddisfano i requisiti perché il rendimento del sito non è solo un obiettivo, ma un pilastro dell'azienda che è parte integrante della nostra cultura. La nostra attenzione al rendimento ci consente di aiutare i nostri clienti a ottenere il massimo dal web aperto aumentando il traffico e generando entrate senza sacrificare l'esperienza utente.
Per scoprire di più su come possiamo aiutare il tuo sito a superare lo standard di settore per Core Web Vitals, fai clic qui per saperne di più su RebelMouse oggi stesso.