Pubblicato il 24 giugno 2026
Nuvemshop (nota come Tiendanube in America Latina di lingua spagnola) è la principale piattaforma di e-commerce della regione, che gestisce oltre 180.000 negozi online. Con i commercianti che personalizzano le vetrine con più temi e disposizioni di contenuti dinamici, garantire caricamenti rapidi delle pagine in questa diversità presenta sfide tecniche uniche.
- Largest Contentful Paint (LCP) migliorato del 68%, dal 57% al 96% in un anno, il che riflette un cambiamento significativo nel modo in cui i negozi visualizzano i contenuti nella parte superiore dell'area visibile per gli utenti reali.
- Il tasso di superamento dei Core Web Vitals è aumentato dal 48% al 72%, il che significa che quasi 3 negozi su 4 ora soddisfano la soglia di rendimento di base di Google.
- Coinvolgimento di Shopping migliorato in modo misurabile:analizzando la stessa coorte di negozi brasiliani attivi a gennaio 2025 e gennaio 2026, i visitatori da dispositivo mobile provenienti dalla ricerca organica di Google hanno mostrato:
- Aumento dell'8,9% del tasso di conversione (dalla sessione all'ordine a pagamento)
- Aumento dell'8,4% del tasso di coinvolgimento del carrello (dalla sessione al carrello)
- I dispositivi mobili hanno registrato i maggiori miglioramenti, in linea con i casi in cui i miglioramenti della metrica LCP sono stati più significativi.
Questi risultati sono in linea con la ricerca di Deloitte commissionata da Google (oltre 30 milioni di sessioni su 37 brand), che ha rilevato che un miglioramento di 0,1 secondi nella velocità di caricamento può aumentare i tassi di conversione nella vendita al dettaglio dell'8,4%, convalidando la direzione dei nostri investimenti.
La sfida: rilevamento LCP nei layout dinamici di e-commerce
All'inizio del 2025, solo il 48% dei nostri negozi superava le soglie dei Core Web Vitals e il 57% aveva ottenuto un punteggio LCP buono. La nostra ipotesi iniziale era il peso dell'immagine o la latenza del server. Ci sbagliavamo.
Grazie all'analisi di PageSpeed Insights su migliaia di negozi, abbiamo scoperto che la nostra piattaforma consente ai commercianti di disporre dinamicamente le sezioni della home page: i caroselli, i banner, le griglie di prodotti e i moduli personalizzati possono essere visualizzati in qualsiasi ordine.
Questa flessibilità ha introdotto un problema imprevisto: l'elemento giusto non sempre veniva identificato come LCP. Nei negozi con caroselli, che rappresentavano l'85% delle nostre vetrine, a volte un banner più in basso nella finestra veniva contrassegnato come LCP anziché la prima immagine del carosello, a seconda di come la pagina veniva visualizzata su schermi e dispositivi diversi. Ciò significava che i nostri sforzi di ottimizzazione non stavano avendo l'effetto previsto: stavamo ottimizzando elementi che in realtà non erano elementi LCP.
A differenza delle tipiche piattaforme SaaS, non potevamo semplicemente correggere la home page. Avevamo bisogno di una soluzione che funzionasse con ogni possibile configurazione del tema, disposizione delle sezioni e personalizzazione del commerciante, senza danneggiare i negozi esistenti o limitare la libertà creativa.
In che modo i layout dinamici influiscono sulla selezione degli elementi LCP
Tramite l'analisi di PageSpeed Insights e il monitoraggio degli utenti reali, abbiamo scoperto che le transizioni CSS su caroselli e banner venivano ritardate quando gli elementi diventavano visibili all'algoritmo di rilevamento LCP del browser. Anche se gli utenti percepivano il carosello come caricato per primo, a volte il browser contrassegnava un banner nella seconda sezione come elemento LCP, perché la visibilità di questo elemento non era ritardata dagli effetti di transizione.
Abbiamo identificato tre cause principali:
- Le transizioni CSS venivano ritardate quando gli elementi erano considerati visibili, spostando il rilevamento LCP al frame errato.
- Il caricamento differito è stato applicato alle immagini nella parte superiore dell'area visibile che dovevano essere caricate immediatamente.
- La mancanza di indicatori di priorità significava che le immagini più importanti non venivano caricate per prime.
Abbiamo anche riscontrato che una parte significativa delle misurazioni LCP proveniva da pagine di categorie e prodotti, non solo da home page, il che significa che le nostre correzioni dovevano essere applicate in modo coerente a tutti i tipi di pagine con traffico elevato.
Implementazione: correzione delle tre cause principali su larga scala
Una volta identificate le cause, le correzioni sono state semplici. Li abbiamo applicati in modo coerente a tutti i temi principali e ai tipi di pagina, ma ognuno richiedeva un'attenta definizione dell'ambito per evitare di creare nuovi problemi.
- Sono state rimosse le transizioni CSS per le sezioni in prima posizione. Le sezioni che vengono visualizzate per prime nella pagina vengono ora sottoposte a rendering immediatamente, garantendo che il browser le rilevi come candidate LCP senza ritardi artificiali.
Rimossa la funzionalità di caricamento differito dalle immagini nella parte superiore della finestra. Per le immagini nella prima sezione, rimuoviamo in modo condizionale
loading="lazy"per eliminare il ritardo nel caricamento delle risorse. Abbiamo fatto attenzione a limitare questa funzionalità solo alla prima immagine nelle sezioni in prima posizione:<!-- Before --> <img src="slide-1.webp" loading="lazy" alt="Featured product"> <!-- After --> <img src="slide-1.webp" alt="Featured product">Sono stati aggiunti indicatori di priorità espliciti. Aggiungendo
fetchpriority="high", comunichiamo allo scanner di precaricamento del browser che l'immagine LCP è una risorsa di massima priorità, consentendone il rilevamento e il download in anticipo, prima del completamento del layout e del rendering. Abbiamo aggiunto una logica di convalida per garantire che gli indicatori di priorità vengano applicati solo quando l'elemento si trova effettivamente in una posizione in cui potrebbe essere il candidato LCP: aggiungerefetchpriority="high"a troppe immagini sarebbe controproducente, perché se tutto è ad alta priorità, nulla lo è.<!-- Before --> <img src="slide-1.webp" alt="Featured product"> <!-- After --> <img src="slide-1.webp" fetchpriority="high" alt="Featured product">Latenza ridotta grazie all'edge caching. La memorizzazione nella cache è efficace per ridurre i tempi di caricamento, ma nell'e-commerce comporta un rischio reale: la pubblicazione di prezzi e dati di inventario obsoleti influisce direttamente sulla fiducia dei clienti e sulle entrate. Abbiamo affrontato questo problema con attenzione monitorando le metriche aziendali insieme ai dati sul rendimento, massimizzando i tassi di successo della cache e assicurandoci di non memorizzare mai nella cache contenuti che potrebbero danneggiare l'esperienza del commerciante o dell'acquirente.
Impatto e risultati: miglioramento del LCP dal 57% al 96%
| Metrica (da gennaio 2025 a gennaio 2026) | Miglioramento relativo |
|---|---|
| LCP (buono) | +68% (dal 57% al 96%) |
| Core Web Vitals (tasso di superamento) | +50% (dal 48% al 72%) |
| Tasso di conversione (sessione a ordine a pagamento) - Google organico mobile | +8,9% |
| Coinvolgimento con il carrello (sessione al carrello) - organico Google mobile | +8,4% |
Questi miglioramenti hanno posizionato Nuvemshop e Tiendanube al primo posto nella classifica delle piattaforme di e-commerce in Brasile, Argentina e Messico.
Concetti chiave e riflessioni post-mortem
L'architettura altamente personalizzabile di Nuvemshop ci ha impedito di fare affidamento su playbook di ottimizzazione standard. Il vero problema non era il peso dell'immagine o la latenza del server: i browser selezionavano elementi imprevisti come LCP a causa delle transizioni CSS, degli indicatori di priorità mancanti e del caricamento differito applicato alle immagini nella parte superiore del viewport.
La correzione è stata semplice una volta comprese le cause principali: rimuovere le transizioni dalle sezioni in prima posizione, rimuovere il caricamento differito dalle immagini nella parte superiore della finestra e aggiungere indicatori di priorità espliciti. Abbiamo applicato questo in modo coerente a tutti i temi principali, i tipi di pagina e gli oltre 180.000 negozi sulla nostra piattaforma.
I risultati parlano da soli: i tassi di superamento LCP sono passati dal 57% al 96%, i tassi di superamento complessivi dei Core Web Vitals sono aumentati dal 48% al 72% e i commercianti hanno registrato miglioramenti misurabili: un aumento dell'8,9% del tasso di conversione e dell'8, 4% del coinvolgimento nel carrello su mobile. I negozi veloci non sono solo un risultato tecnico, ma contribuiscono direttamente al successo dei commercianti.