Lazy Loading

Il lazy loading è una tecnica di ottimizzazione delle prestazioni che differisce il caricamento dei contenuti non visibili fino a quando l'utente ne ha effettivamente bisogno. Anziché scaricare ogni immagine, pagina e asset quando una pubblicazione viene aperta per la prima volta, il lazy loading recupera le risorse su richiesta — tipicamente quando l'utente scorre o naviga verso di esse. Il browser o l'applicazione di visualizzazione carica solo ciò che è immediatamente visibile, quindi recupera progressivamente i contenuti aggiuntivi in background. Questo riduce la dimensione del payload iniziale, accorcia il tempo alla prima interazione significativa e risparmia banda per gli utenti che potrebbero non scorrere mai fino alla fine di un documento lungo.

Ogni secondo aggiuntivo di tempo di caricamento aumenta la probabilità che un lettore abbandoni una pubblicazione prima che finisca di renderizzarsi. Per [flipbook](/glossary/flipbook) e documenti digitali che possono contenere decine o centinaia di pagine con immagini ad alta risoluzione, caricare tutto in anticipo crea un ritardo inaccettabile — specialmente su dispositivi mobili con banda limitata. Il lazy loading risolve questo problema dando priorità al contenuto che il lettore vede per primo e differendo tutto il resto. Il risultato è un tempo di caricamento percepito più veloce, frequenze di rimbalzo inferiori e punteggi [Core Web Vitals](/glossary/core-web-vitals) migliorati (in particolare il Largest Contentful Paint), che influenzano direttamente il posizionamento nei motori di ricerca per le pagine che incorporano le vostre pubblicazioni.

FlipLink applica il lazy loading automaticamente sia ai flipbook che ai visualizzatori di documenti — nessuna configurazione richiesta. Quando un lettore apre un flipbook, vengono caricate solo la doppia pagina corrente e le pagine immediatamente adiacenti. Man mano che il lettore avanza, le pagine successive si caricano in background prima che siano necessarie, garantendo transizioni fluide senza ritardi di caricamento visibili. Questo è gestito dal motore [esperienza e layout della pagina](/features/page-experience-and-layout), che coordina il rendering sia per il visualizzatore flipbook [Three.js](/glossary/three-js) che per il lettore documenti [PDF.js](/glossary/pdf-js). La funzionalità [schermata di caricamento personalizzata](/features/custom-loading-screen) mostra la vostra splash page brandizzata mentre gli asset iniziali si caricano, così i lettori vedono un'esperienza curata anziché uno schermo vuoto. Per i flipbook incorporati su siti esterni tramite [codice embed](/features/sharing-and-distribution), anche l'iframe stesso viene caricato in lazy loading, il che significa che non recupera alcun dato fino a quando il visitatore non scorre verso quella sezione della pagina ospitante.

Il lazy loading in FlipLink opera su due livelli distinti: - **Lazy loading a livello di pagina** — All'interno di un flipbook, le pagine vengono caricate in una coda di priorità. La pagina corrente e le due pagine successive in ogni direzione vengono caricate immediatamente. Le pagine più distanti vengono messe in coda e caricate progressivamente, con la priorità che si sposta man mano che il lettore naviga. Questo garantisce che, indipendentemente dalla velocità con cui qualcuno sfoglia un catalogo di 200 pagine, la pagina successiva sia sempre pronta. - **Lazy loading a livello di embed** — Quando un flipbook è incorporato in un sito web, FlipLink utilizza l'attributo nativo del browser `loading="lazy"` sull'elemento iframe insieme a un fallback Intersection Observer per i browser più vecchi. L'intero visualizzatore del flipbook rimane non caricato fino a quando non entra nel [viewport](/glossary/viewport), impedendo ai flipbook incorporati di rallentare il tempo di caricamento della pagina ospitante. - **Ottimizzazione delle immagini** — Le singole immagini all'interno di ogni pagina vengono servite in formati moderni (WebP dove supportato) e a risoluzioni adattate alle dimensioni dello schermo del visualizzatore. Questo funziona in combinazione con il lazy loading per minimizzare il consumo di banda anche dopo il recupero dei contenuti. Questi livelli si combinano per garantire che una pubblicazione di 300 pagine carichi il suo primo contenuto visibile in meno di due secondi su una connessione standard, indipendentemente dalla dimensione totale del file.

- **Mantenete leggeri gli asset della pagina iniziale.** Il lazy loading differisce i contenuti, ma la prima doppia pagina visibile si carica comunque immediatamente. Ottimizzare la copertina e le prime pagine con immagini compresse assicura la prima impressione più veloce possibile. - **Testate su connessioni rallentate.** Una pubblicazione che si carica fluidamente su Wi-Fi veloce può rivelare lacune di lazy loading su una connessione mobile 3G. Usate gli strumenti per sviluppatori del browser per simulare reti più lente durante i test. - **Evitate di precaricare troppe pagine.** Precaricare 10 pagine in anticipo spreca banda per lettori che potrebbero abbandonare dopo la seconda pagina. Il default di FlipLink di due pagine in anticipo offre il giusto equilibrio tra reattività ed efficienza. - **Monitorate i Core Web Vitals.** Dopo aver incorporato un flipbook, verificate i punteggi LCP e CLS della pagina ospitante per confermare che il visualizzatore incorporato non introduca spostamenti di layout o ritardi nel contenuto principale. - **Combinate con una schermata di caricamento.** Una [schermata di caricamento personalizzata](/features/custom-loading-screen) brandizzata dà ai lettori qualcosa da vedere durante il breve caricamento iniziale, riducendo il tempo di attesa percepito e rafforzando il vostro brand.

**"Il lazy loading significa che il contenuto si carica lentamente."** È vero il contrario. Il lazy loading rende l'esperienza iniziale più veloce non caricando contenuti che il lettore non ha ancora raggiunto. Il contenuto necessario si carica alla velocità normale — spesso più velocemente, perché il browser non compete con decine di altre richieste simultanee. **"Il lazy loading danneggia la SEO."** Per le pubblicazioni visualizzate all'interno del viewer di FlipLink, il contenuto viene renderizzato su richiesta per i lettori, non per i crawler. La SEO della pagina ospitante è in realtà migliorata perché gli iframe caricati in lazy loading non bloccano la metrica Largest Contentful Paint della pagina. **"È necessario configurare il lazy loading manualmente."** In FlipLink, il lazy loading viene applicato automaticamente a ogni pubblicazione. Non ci sono impostazioni da attivare o soglie da configurare — funziona immediatamente sia per il formato flipbook che per il visualizzatore documenti.

Il lazy loading garantisce che i lettori vedano la prima pagina di una pubblicazione quasi istantaneamente, indipendentemente dal fatto che il documento completo sia di 10 o 500 pagine, caricando solo ciò che è necessario al momento e differendo tutto il resto.