Web e code script visite 177

Come alleggerire il caricamento delle immagini del sito

1 min

alleggerire-caricamento-immagini-sito

Tempo fa vi avevo parlato di PageSpeed Insights, uno strumento di Google Developers che analizza le prestazioni del sito ed offre consigli su come diminuire il tempo di caricamento dello stesso.
Se avete cominciato ad utilizzarlo, vi sarete imbattuti sicuramente in SpriteMe, un tool che permette di alleggerire il caricamento delle immagini del vostro sito web. Come riesce a farlo? Semplice, attraverso l’utilizzo dei CSS.

Funzionamento di SpriteMe

Andate sul sito SpriteMe, trascinate il link presente in homepage sulla toolbar ed avrete su quest’ultima un bottone, molto simile al “Pin It” di Pinterest. Non serve installare alcun programma, attraverso una semplice procedura online il vostro sito diventerà decisamente più veloce.

Quando sarete nella pagina del vostro sito basterà cliccare questo bottone per far aprire su di esso una finestra che mostra tutte le immagini sulle quali lo strumento può operare. Cliccando su Make Sprite si unirannanno queste immagini in un unico file. In tal modo non sarete costretti a richiamare nel CSS ognuna di esse, ma verrà richiamato un file unico. Ma come è possibile caricare un alto numero di immagini con un solo file? Attraverso il CSS viene assegnato al file una posizione per ogni id o class. L’operazione vi spaventa?! Cliccate su Export CSS e non dovrete fare calcoli, tutto è automatizzato.

SpriteMe

Io l’ho provato e dopo ho effettuato nuovamente il calcolo della velocità del mio sito, vi assicuro che funziona!

Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

webdesign

Web e code script

Mappa del mondo con ingrandimento in jQuery

1 minCreare una mappa navigabile per il sito internet è diventata ormai pratica…

webdesign

Web e code script

Come utilizzare include di php nella costruzione del sito

4 min La progettazione è un momento importante e da non sottovalutare per…

webdesign

Web e code script

10 suggerimenti per il Responsive Design

4 min Abbiamo parlato di responsive design già da parecchio tempo. E’ una…