Alleggerimento Immagini

Uno degli aspetti più importanti per rendere il proprio sito internet più veloce è l'ottimizzazione delle immagini. Capita infatti fin troppo spesso di dover attendere molti secondi prima di vedere l'immagine di una pagina web. Questo fatto, può causare l'abbandono di un utente da un sito e la conseguente perdita di un'opportunità di contatto.

La maggior parte dei proprietari di un sito web non è a conoscenza di tutti gli aspetti tecnici e grafici relativi al web design e non è in grado di trasformare una fotografia, magari scattata dal proprio smartphone o macchina fotografica professionale, in un formato adatto al web.

Di norma, quando si scatta una fotografia, il dispositivo che viene utilizzato tende a realizzare un'immagine di alta qualità, con una definizione molto alta.

Per i siti web non è però necessario utilizzare una definizione con troppi dpi (dots per inch). Le immagini ad alta definizione infatti sono utili per la stampa, mentre per il web si possono utilizzare delle caratteristiche di formattazione molto più leggere.

Il dpi per immagini nel web dovrebbe essere a 72 dpi e calcolando che idealmente per non frustrare un visitatore bisognerebbe caricare una pagina web in meno di tre secondi, dovrebbe mantenere il peso totale delle immagini al caricamento di una pagina, al di sotto di 1 megabyte.

Come ottenere questo risultato, soprattutto quando il nostro obbiettivo è quello di mostrare una galleria fotografica con molte immagini?

La soluzione è quella di caricare inizialmente solo le immagini in vista nella finestra del browser e posticipare il caricamento delle immagini sotto allo scorrere della pagina. Questa tecnica si chiama lazy loading, che insieme ad altre tecniche di ottimizzazione per il caricamento delle immagini, consentono a un sito web di essere veloce e scattante.