2009-11-10 7 views
6

Einige stark frequentierte Seiten scheinen fast verrückte Bilder mit fast allem in einem großen Bild zu haben.Wie wichtig ist Sprites für die Leistung auf einer Website mit hohem Traffic?

Wie viel Unterschied macht dies für stark frequentierte Standorte im Vergleich zu den Schwierigkeiten bei der Wartung auf lange Sicht?

Ich weiß, dass dies eine Frage von "Wie lang ist ein Stück Schnur" sein kann, aber ich bin daran interessiert, jede Erfahrung von Leistungsgewinnen zu verstehen, die Menschen von einer solchen Übung hatten.

+3

Siehe auch: http://stackoverflow.com/questions/683221/how-do-css-sprites-speed-up-a-web-site, http://stackoverflow.com/questions/1477332/is- css-sprite-a-good-technik, http://stackoverflow.com/questions/1191961/what-are-the-advantages-of-using-css-sprites-in-web-applications –

+2

Keine Antwort auf Frage aber könnte immer noch nützlich sein => "http: // spriteme.org /' –

Antwort

4

Ich habe ein paar Nummern vor ein paar Jahren für die kleinste Größe .GIF möglich - 43 Bytes. Um dieses 1x1-Bild zu senden, wurden 246 Bytes des HTTP-Protokolls zurückgeschickt, um mindestens einmal soviel für die ursprüngliche Anfrage zu sagen (mehr, wenn es auch einen Cookie gab). Es gibt auch den TCP/IP-Paket-Overhead. Jenseits all dessen ist jedoch die Hin- und Rückreisezeit. Die Lichtgeschwindigkeit ist noch begrenzt und muss insbesondere für die Overheads mehrerer Anfragen berücksichtigt werden.

Die kurze Version ist, weniger Elemente heruntergeladen gleich schneller Website. Selbst wenn das endgültige Sprite-Bild größer ist als alle kombinierten Bilder, gewinnen Sie immer noch erheblich, indem Sie die Anzahl der Overheads und Round-Trips reduzieren.

3

Ich glaube, die meisten Overhead kommt von einfach die Anforderung für das Bild. Offensichtlich wird mehr Zeit für das Herunterladen der Bilder benötigt, aber das Einleiten der Anforderung, das Warten auf eine Antwort und das Herunterladen jedes Bilds kann mit der Zeit zu einer beträchtlichen Menge an Datenverkehr führen. Das Gleiche gilt für die Komprimierung.

4

Mit Sprites reduzieren Sie die Anzahl oder HTTP-Anfragen vom Server.

Bilder machen die große Mehrheit der HTTP-Anfragen und Yahoo rechnen etwa 80% der Zeit, die es dauert, um den Inhalt der Seite zu downloaden, wird mit unnötigen HTTP-Anfragen verschwendet.

Wenn Sie etwas so einfaches wie die amazon.com Homepage genommen haben, könnte es potenziell über 50 Bilder geben, die jedes Mal heruntergeladen werden, wenn ein Benutzer (ohne gespeicherten Cache) seine Homepage aufruft.

Wenn Sie glauben, dass Amazon Millionen Nutzer haben müssen, die jeden Tag auf ihre Website zugreifen.

Wenn Sie ein Sprite aus allen Bildern erstellen, muss der Benutzer nur eine Datei anstelle der fünfzig herunterladen.

Reduzierung der Antwortzeit des Servers und Verbesserung des Ergebnisses für den Endbenutzer.

Verwandte Themen