John Smith
You have 4 new messages
Secondo HTTP Archive, le immagini rappresentano un quarto del peso totale delle pagine web. Inutile dire che quando parliamo di tempi di caricamento della pagina del vostro sito, ogni secondo è importante. I siti lenti offrono un’esperienze utente di bassa qualità, e questo può ripercuotersi negativamente andando ad aumentare la frequenza di rimbalzo.
Ma non sono solo gli utenti a mal sopportare un’eventuale lentezza di caricamento. Anche i motori di ricerca non apprezzano i siti lenti. Considerando che le immagini ottimizzate non solo permettono una navigazione più fluida, sono anche più semplici da scansionare e indicizzare. Per cui se il vostro sito sarà veloce, allora sarà più probabile che si posizionerà meglio in SERP.
Quando si parla di immagini, grafici o fotografie e della loro influenza sulla velocità e le prestazioni di un sito web, è importante trovare un giusto equilibrio tra la qualità, il numero delle immagini e la loro altezza e grandezza.
[divilifeshortcode id=’9530′]
Le immagini di alta qualità sono una parte fondamentale del tuo sito. Sfortunatamente, possono appesantire le pagine del vostro sito, peggiorando le prestazioni e danneggiare la user experience e l’ottimizzazione SEO.
Navigando in rete è molto probabile che gli utenti vengano catturati da particolari contenuti multimediali e che vogliano conoscere più informazioni a riguardo. L’ottimizzazione delle immagini non solo permette di aumentare il traffico sul sito web, ma anche di posizionarvi tra i migliori risultarti dei motori di ricerca. Ottimizzare le immagini vuol dire quindi migliorare la user experience e il tasso di conversione, evitando rallentamenti nel caricamento delle sezioni della vostra pagina, e contribuire alla crescita del vostro sito.
Quando avrete ottimizzato le immagini, non solo otterrete delle prestazioni migliori per il vostro sito, ma risulterà anche più apprezzato dai motori di ricerca, i browser e le reti. I vostri lettori, quindi, si imbatteranno con un caricamento dei contenuti più veloce.
Ridurre il peso delle immagini vi permetterà di utilizzare meno banda e spazio su disco del server dove il vostro sito viene ospitato, a beneficio dei costi di hosting ma prima di tutto dei vostri utenti.
Come ridurre il peso delle immagini quindi? Ridurre la qualità non può essere considerata la soluzione migliore per garantire migliori performance, in quanto andrebbe ad impattare sulla qualità stessa dei contenuti. Ci sono però dei software e delle tecniche che possono aiutarvi nel ridurre il peso delle immagini con un compromesso più che accettabile fra dimensioni e qualità. Vediamoli nel prossimo paragrafo.
Come abbiamo accennato in precedenza l’ottimizzazione delle immagini può impattare in maniera negativa o positiva sulle performance del vostro sito. Per far sì che il loro impatto sia minimo, potete utilizzare alcuni tool e tecniche che possono essere seguite anche dagli utenti meno esperti.
Ecco alcune delle tecniche più utili per poter raggiungere gli obiettivi di ottimizzazione delle immagini presenti sul vostro sito, vediamole una ad una.
Ridimensionare le immagini: la riduzione delle immagini di grandi dimensioni prima del caricamento nelle librerie multimediali comporta un ridimensionamento delle dimensioni e la regolazione della risoluzione tramite la compressione. L’ideale è fornire immagini della dimensione perfetta per ogni dispositivo: troppo piccole di degraderebbero creando il brutto effetto di “sgranatura” che tutti conosciamo; troppo grandi appesantiscono il caricamento inutilmente;
Comprimere le immagini è un altro metodo impiegato da anni per ridurre il peso delle immagini. Negli anni sono nati algoritmi di compressione sempre più sofisticati, in gradi di ridurre il peso delle immagini con un degrado sempre minore di qualità. I metodi di compressione delle immagini possono essere di due tipologie differenti:
A giocare un ruolo fondamentale nel determinare peso e qualità delle immagini sono anche i formati dei file. Per le immagini web esistono quattro principali formati di file utilizzati:
Come abbiamo visto ci sono delle scelte che andranno fatte quando decideremo la tipologia di immagine che vorremmo utilizzare. Ci sono diversi fattori da tenere a mente ma in linea di massima per le immagini fotografiche JPEG e webP sono i formati più indicati. Se si tratta invece di immagini vettoriali o con trasparenza la scelta ricade su PNG, sia per la capacità di gestire le trasparenze tramite il canale alpha, sia perché sui vettoriali consente un importante risparmio di peso. Quando invece vengono prese in considerazione le immagini GIF per le animazioni, sarà importante utilizzarle con parsimonia in quanto le queste tendono a rallentare la velocità dei siti.
Il tipo di compressione e il formato dei file sono comunque fattori importanti quando di tratta di ottimizzare le immagini. La scelta giusta può ridurne il penso e, conseguentemente, velocizzare il vostro sito.
Dopo aver visto alcune regole utili su come si può lavorare all’ottimizzazione delle immagini agendo sulla fonte – i file immagine – vediamo come ottimizzare anche la distribuzione delle immagini, altro fattore fondamentale per migliorare la velocità di caricamento. Ecco altri due step fondamentali oltre ridimensionamento e alla compressione:
