come aggiungere una galleria foto al sito senza rallentarlo

design · 2026-10-09 · 3 min

una galleria è una griglia di immagini, e la versione tecnica è una griglia css con una lightbox al clic. la versione che conta è più leggera: immagini esportate alla dimensione in cui vengono mostrate, in un formato moderno, con larghezza e altezza scritte nell'html così la pagina non salta mentre caricano.

tre modi, dal meno al più controllabile

su wordpress il blocco galleria fa il suo lavoro: scegli le colonne, collega ogni immagine al file originale, e quasi tutti i temi includono la lightbox. wix ha una galleria pro con layout ed effetti al passaggio, squarespace ha le sezioni galleria. se il sito è scritto a mano, una griglia di elementi figure più un piccolo script per la lightbox basta, e peserà meno della versione di qualsiasi builder.

la parte che decide se è veloce

esporta ogni immagine alla dimensione massima in cui verrà mostrata, poi la metà per gli schermi retina e non oltre. una foto appena scattata dal telefono pesa quattro o sei megabyte; la stessa foto a 1600 pixel di larghezza in webp di solito sta sotto i 300 kilobyte. quella differenza è la differenza tra una galleria che si apre e una che fa andare via la gente. aggiungi loading lazy a tutto ciò che sta sotto la prima schermata, e scrivi un alt che descrive la foto, non il nome del file.

cosa si sbaglia

caroselli che si muovono da soli, così il visitatore sta leggendo la terza immagine mentre cerca di toccare la prima. venti foto dove quattro buone venderebbero meglio. e nessun passaggio di compressione, perché il pulsante di caricamento ha accettato il file e la pagina sembrava a posto su un portatile in fibra. controlla la galleria su un telefono, in dati mobili, con la cache svuotata.

domande frequenti

quante foto deve avere una galleria?

da quattro a dodici. abbastanza da mostrare la varietà, poche abbastanza perché ognuna venga guardata. se ne hai quaranta, dividile in categorie o metti le altre in una pagina per chi ha già deciso.

serve la lightbox?

aiuta quando le immagini hanno dettagli, come interni o prodotti. per un portfolio dove la griglia è già grande, il clic può semplicemente aprire l'immagine intera nella stessa scheda. provala con un pollice, non con il mouse.

e i diritti delle immagini?

usa foto tue, o con una licenza scritta che copra l'uso commerciale. una foto presa da google immagini è una fattura che prima o poi arriva, e di solito la richiesta arriva anni dopo.