Quanto è importante lo sprite per le prestazioni su un sito Web ad alto traffico?

Question

Alcuni siti ad alto traffico sembrano avere immagini quasi folli con quasi tutto in un'unica grande immagine.

Quanta differenza può fare per i siti ad alto traffico e la difficoltà di manutenzione a lungo termine?

So che potrebbe trattarsi di una domanda "quanto è lungo un pezzo di corda", ma sono interessato a capire qualsiasi esperienza di guadagni in termini di prestazioni che le persone hanno avuto da un tale esercizio.

Answer 1

Ho fatto alcuni numeri alcuni anni fa per il formato GIF più piccolo possibile - 43 byte. Per inviare quell'immagine 1x1, ci sono stati 246 byte di protocollo HTTP inviati con esso, per non parlare di questo almeno per la richiesta originale (di più se c'era anche un cookie). C'è anche il sovraccarico del pacchetto TCP/IP. Al di là di tutto ciò, però, è il tempo di andata e ritorno. La velocità della luce è ancora finita e deve essere presa in considerazione, soprattutto per i costi generali di richieste multiple.

La versione breve è, meno elementi scaricati equivale a un sito più veloce. Anche se l'immagine finale dello sprite è più grande di tutte le immagini combinate, si guadagna comunque sostanzialmente riducendo il numero di serie di spese generali e round-trip.

Answer 2

Credo che la maggior parte del sovraccarico derivi dalla semplice richiesta di immagine. Ovviamente è necessario più tempo per scaricare le immagini ma avviare la richiesta, attendere una risposta e scaricare ogni immagine può comportare una notevole quantità di traffico nel tempo. Lo stesso vale per la compressione.

Answer 3

Utilizzando gli sprite si riduce la quantità o le richieste HTTP dal server.

Le immagini costituiscono la stragrande maggioranza delle richieste http e Yahoo calcolano che circa l'80% del tempo necessario per scaricare il contenuto della pagina viene sprecato con richieste HTTP non necessarie.

Se avete preso qualcosa di semplice come la homepage di amazon.com, potrebbero esserci potenzialmente più di 50 immagini che verrebbero scaricate ogni volta che un utente (senza cache memorizzata) visita la loro homepage.

Se pensi che Amazon debba avere milioni di utenti che colpiscono il loro sito ogni giorno.

Creando uno sprite da tutte le immagini, l'utente deve solo scaricare un file anziché il cinquanta.

Riduzione del tempo di risposta del server e miglioramento del risultato per l'utente finale.