Calendario dell’avvento social: 3 dicembre
Livello di difficoltà:
Canali coinvolti: Sito web
Colonna sonora: un Elton John d’annata che merita anche per il video (ma prima leggete il post… ) Step Into Christmas – Elton John
Vi vedo nei vostri uffici chini sulle tastiere intenti a digitare “immagini gratis per blog” e a scaricare a raffica tonnellate di kilobyte di foto che andranno a riempire l’internet.
Perchè è importante caricare immagini leggere?
Partiamo da qui: avere un sito veloce è fondamentale per tanti motivi, primo tra tutti per il fatto che quando i tempi di caricamento di una pagina si prolungano viene d’istinto la voglia di passare ad altro. Non bastasse il fatto che si spazientiamo in fretta, Google considera i tempi di caricamento un fattore importante per il ranking, cioè per il posizionamento nella ricerca. Ancora non basta? Anche Facebook ha deciso di ridurre la visibilità dei link che rimandano a pagine web lente nel caricamento (qui l’annuncio ufficiale in inglese).
Come faccio a sapere se le immagini del mio sito sono pesanti?
Ci sono tanti tool online, di seguito due che uso io:
Page Speed di Google: puoi testare un sito inserendo semplicemente il link. Dopo una breve analisi avrai i risultati che comprendono le ottimizzazioni suggerite, sia relative alle immagini che alle altre componenti del sito. In questo post ci limitiamo a parlare delle immagini ma tieni conto che il tempo di caricamento di un sito dipende anche da altri fattori, per dirne uno pensa ai mille mila plugin che hai installato se usi WordPress…
Website Speed Test rispetto al tool di Google, è specifico per le immagini e ti permette di verificare pagina per pagina dandoti una valutazione sulle singole immagini con molte indicazioni
Come ottimizzare le immagini per il web
Ora che hai un’idea del peso delle immagini del tuo sito, vediamo alcuni accorgimenti per renderle più leggere.
1. non caricare immagini di dimensioni gigantesche: per darti un’idea è piuttosto inutile uploadare un’immagine di 2.500 pixel soprattutto quando in pagina viene visualizzata a grandezza francobollo
2. il tuo sito è in WordPress? puoi utilizzare WP Smush un plugin che consente di ottimizzare le immagini, riducendone notevolmente il peso senza intaccare la qualità dell’immagine
3. se usi Photoshop salva le immagini che caricherai online utilizzando l’opzione “Salva per il web”
4. se hai fatto un test e ti sei accorto che alcune immagini sono davvero troppo pesanti, fai così: scarica l’immagine, elimina quella attualmente nella libreria media e prima di ricaricarla usa TinyPNG. Ci sono mille mila siti che permettono di ottimizzare le immagini jpg e png senza compromettere la qualità visiva, a me piace particolarmente questo.
Ti ho elencato tanti link e non te li ricorderai mai quando serviranno?
Niente paura, scarica qui il file con i link utili per avere immagini leggere e siti felici