Quali sono gli svantaggi dell'utilizzo dell'URI dei dati anziché delle immagini sprite?

Question

Considerate questo le condizioni per il mio sito web:

• non sostengo IE8 e al di sotto quindi il supporto del browser non è un problema.

• Uso anche gzip che eviterebbe il sovraccarico di dati in CSS nei casi in cui I copia e incolla le immagini URI di dati nel mio file CSS.

• Ho un solo file CSS generato da LESS.

• Per semplificare, utilizzo la variabile LESS per ogni URI di dati immagine.

• ho messo variabili immagini in un file separato MENO per mantenere la mia base di codice pulita

Con tutto questo io non sono ancora sicuro se è meglio approccio per il caricamento delle immagini. Il caricamento di piccole immagini con questo approccio riduce il numero di richieste HTTP e inoltre non è necessario mantenere un'immagine sprite.

C'è qualche inconveniente in questo approccio che si può pensare?

Answer 1

Se l'immagine cambia, l'intero file css deve essere modificato. Ciò interrompe la cache HTTP. Con un'immagine sprite, il file css stesso verrebbe fornito dalla cache e solo l'immagine modificata dovrebbe essere nuovamente scaricata.

Potrebbe essere meglio generare un file css solo per i dati: immagini URI e un altro per i normali file CSS. In questo modo, gli aggiornamenti periodici di css non richiedono il ri-download dei dati: immagini uri.

Il secondo problema riguarda le immagini in primo piano, quelle con il tag <img> in html. Se è un'immagine usata frequentemente, aumenterà inutilmente la dimensione dell'html.