Web e code script visite 71

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

Le migliori icone Flat Design del 2015 per i tuoi siti internet

2 minIl flat design (design piatto), ispirato allo stile minimal, si sta diffondendo…

webdesign

Web e code script

Facebook Like e Send Button in 108 lingue

2 min All’interno di questa pagina potete trovare tutti i plugin per fare…

webdesign

Web e code script

Foto e dati sull’autore nei risultati di ricerca Google

2 min Da un po’ di tempo vi sarete sicuramente accorti che in…