Hardik Dewra

1 min read

Come la velocità di caricamento di una landing page influenza le conversioni

Le pagine lente perdono visitatori prima che compaia il titolo. Segui questi tre numeri sulla velocità e usa le correzioni che li spostano.

La velocità di caricamento decide chi vede la tua offerta

Ogni landing page ha una coda. Uno tocca un annuncio, il browser inizia a scaricare e il visitatore aspetta. Su un telefono con 4G ballerino, una pagina pesante può restare bianca per quattro o cinque secondi. Una fetta buona di visitatori se ne va prima che il titolo si disegni. L'offerta non la vedono mai e al pulsante non ci arrivano mai. Il tuo copy potrebbe essere eccellente e non cambierebbe niente. Con il traffico a pagamento quel clic lo paghi comunque. Quindi la velocità di caricamento decide quante persone arrivano a giudicare tutto il resto che hai costruito.

I tre numeri che vale la pena seguire

Google pubblica tre soglie e funzionano bene come obiettivi. Il Largest Contentful Paint dovrebbe stare sotto i 2,5 secondi. Di solito è la tua immagine hero o il tuo titolo che finisce di disegnarsi. L'Interaction to Next Paint dovrebbe restare sotto i 200 millisecondi, così i tocchi sembrano istantanei. Il Cumulative Layout Shift dovrebbe restare sotto 0,1, così il layout sta fermo mentre uno legge. Google valuta questi numeri al 75° percentile delle visite reali e separa mobile da desktop, quindi controlla tutti e due. I dati sul campo arrivano con settimane di ritardo, quindi un test in laboratorio ti conferma oggi che la correzione funziona.

Cosa rende lenta una pagina davvero

Gli stessi colpevoli saltano fuori in quasi ogni sito che analizziamo. Un video hero parte in automatico e spedisce megabyte prima che qualcuno scrolli. Gli screenshot vengono esportati a 3000 pixel di larghezza e infilati in uno spazio da 600 pixel. Si caricano quattro pesi del font dove ne bastavano due, e ognuno trattiene il testo dal disegnarsi. Poi arrivano gli innesti: un widget di chat, un registratore di heatmap, due pixel pubblicitari e uno script di A/B test che blocca il rendering mentre sceglie una variante. Ognuno sembrava gratis sul momento. Il totale non lo tiene nessuno.

Da dove partire questa settimana

Parti dalla hero, perché di solito è il tuo elemento LCP. Servi un WebP o un AVIF compresso, dimensionalo per la finestra e lasciagli fuori il lazy loading. Sostituisci il video in autoplay con un'immagine ferma e un pulsante play. Riserva l'altezza per immagini, embed e banner così la pagina tiene la sua forma. Poi apri il tab network, ordina per peso e cancella ogni script di terze parti che nessuno controlla da tre mesi. Riprova su un device vero con rete mobile limitata. Quasi tutte le pagine diventano più veloci quando togli roba.