Lazy Loading e caching: migliorare il tempo di caricamento in modo percepibile

Due termini ricompaiono di continuo quando si parla di un sito veloce: Lazy Loading e caching. Suonano tecnici, ma dietro si nasconde un'idea semplicissima, ossia inviare al visitatore solo ciò di cui ha bisogno in quel momento, e non caricare nulla due volte. Esattamente questo rende un sito sensibilmente più veloce.

Qui le spiego cosa significano i due, perché vanno insieme e quanta velocità portano davvero, senza gergo tecnico, con immagini della vita quotidiana.

Cosa significa davvero Lazy Loading

Immagini di entrare in un ristorante e il cameriere le mette subito sul tavolo ogni piatto dell'intero menu, antipasto, primo, dolce, tutto in una volta. Assurdo, no? Il dolce lo riceve quando è al dolce.

Esattamente così lavora il Lazy Loading, ossia il caricamento differito. Invece di caricare l'intera pagina con tutte le immagini in un colpo solo, il browser recupera dapprima solo ciò che è visibile in alto. Le immagini più in basso vengono caricate solo quando lei vi scorre.

Questo ha un effetto concreto: la prima impressione è pronta in una frazione del tempo. E se il visitatore non scorre affatto fino in fondo, le immagini in basso non sono mai state trasmesse inutilmente, il che risparmia tempo di caricamento e volume di dati, proprio sul telefono.

Cosa significa caching

Il caching è la controparte. Qui non si tratta di cosa viene caricato, ma di quanto spesso. Una cache è una memoria intermedia: i contenuti che cambiano poco vengono depositati, in modo da non doverli recuperare di nuovo dal server la volta successiva.

Pensi alla sua osteria abituale. Alla prima visita l'oste deve conoscerla, prendere la sua ordinazione, tutto è nuovo. Alla decima volta sa già cosa beve. Va più veloce, perché molto è già noto. Una cache si ricorda i mattoncini di un sito esattamente in questo modo.

Il caching avviene in più punti:

• Nel browser del visitatore: logo, caratteri e layout vengono salvati localmente. Alla seconda apertura della pagina sono subito lì.
• Sul server: le pagine finite vengono tenute pronte, invece di ricostruirle a ogni richiesta.
• Nella rete di distribuzione (CDN): i contenuti si trovano su server vicini al visitatore, così i percorsi sono brevi.

Perché i due vanno insieme

Lazy Loading e caching tirano dalla stessa parte, ma affrontano il problema da due lati. L'uno fa in modo che alla prima visita non si carichi troppo in una volta. L'altro fa in modo che alla seconda visita molto non debba nemmeno essere ricaricato.

Insieme danno una pagina che al primo clic si costruisce rapidamente e a ogni clic successivo diventa ancora più svelta. Proprio questa sensazione, si procede senza intoppi, tiene i visitatori sul pezzo e fa sì che Google classifichi la sua pagina come gradevole.

Quanto porta nella pratica?

Più di quanto molti pensino. Le immagini sono quasi sempre il pezzo più grande di un sito. Se ha una pagina ricca di immagini e metà delle immagini caricano solo allo scorrimento, spesso si dimezza già ciò che viene trasmesso all'avvio. La prima impressione è così pronta nettamente prima.

Con il caching il salto è massimo alla visita ripetuta. Chi ha già aperto una volta la sua pagina, alla seconda carica spesso solo una frazione, il resto si trova già nella memoria intermedia. Per i clienti abituali, che passano regolarmente, la pagina risulta così quasi senza ritardi.

Devo occuparmene io stesso?

La risposta onesta: lei dovrebbe sapere che esiste, di occuparsene deve chi costruisce il suo sito. In un sito fatto in modo pulito, Lazy Loading e un caching ragionevole sono predisposti d'impostazione. Non deve azionare alcun interruttore.

A cosa può fare attenzione:

• Le immagini dovrebbero caricare solo quando entrano nell'inquadratura, oggi è uno standard con una piccola aggiunta nel codice.
• Il suo server o hoster dovrebbe memorizzare i contenuti e pubblicarli con le giuste indicazioni.
• Dopo modifiche più grandi la cache va svuotata, altrimenti i visitatori potrebbero vedere ancora la vecchia versione.

Nei siti a costruttore proprio l'ultimo punto è una trappola frequente: si cambia qualcosa, ma si vede ancora il vecchio, perché il proprio browser mostra una versione memorizzata. Nessun motivo di panico, un breve svuotamento di solito basta.

Velocità che non si vede, ma si sente

Il bello di Lazy Loading e caching è che lavorano in modo invisibile. Nessuno li nota direttamente. Percepibile è solo il risultato: la pagina è subito lì, lo scorrimento è fluido, alla seconda visita tutto va ancora più veloce. È questa leggerezza che rimane in mente.

Costruisco i miei siti in modo che questa tecnica funzioni fin dall'inizio, codice snello, immagini ottimizzate, una cache ben pensata. Se vuole sapere quanta velocità è possibile guadagnare sul suo sito, dia volentieri un'occhiata agli altri articoli oppure ci contatti direttamente tramite il modulo di contatto. Le dico onestamente dove sta la leva più grande.