[Erledigt] CSS Sprite lädt mehrfach

Flor1an · 08.01.2010, 01:05

Hi,
ich bin grade etwas verwirrt. CSS Sprites sind ja dazu da die Anzahl an HTTP Requests zu verringern. Wenn ich mir jetzt aber mal Seiten wie facebook oder youtube anschaue dann wird beim ersten laden die Sprite Datei gleich mehrfach heruntergeladen. Mit Firebug ist das im Tab Netzwerk sehr gut zu erkennen.

Das passiert nur beim ersten mal laden, danach sind die Dateien ja im Cache. Aber gerade um das erste mal gehts doch. Wenn die Sprite Datei genauso oft geladen wird wie ansonsten die einzelnen kleinen Dateien, dann ist das doch eher noch schlechter da die Sprite recht groß im Vergleich ist.

Bis jetzt bin ich immer davon ausgegangen dass der Browser eine Datei, auch wenn sie mehrfach im CSS als background-image definiert ist, nur einmal vom Server lädt. Ist aber anscheinend nicht so?

Kann mir wer die Augen öffnen?

XLB · 08.01.2010, 01:22

Hallo ...

Kann das so bei facebook.com nicht reproduzieren. Weder mit Firebuck/Netzwerk, noch mit LiveHTTPHeaders.

Das Sprite-File (heisst hier: apfsevhg.png) wird "requested" und nur einmal "responsed" ...

Flor1an · 08.01.2010, 01:29

Bei mir ist es diese File: http://static.ak.fbcdn.net/rsrc.php/...h/ebqvjyrq.png und diese wird mehrfach geladen. Natürlich nur wenn man mit Strg+F5 neulädt, also wie wenn man ganz frisch auf die Seite kommen würde.

XLB · 08.01.2010, 02:31

Anhand welcher Firebug-Netzwerk-Indikatoren/Angaben siehst du das ...?!

Flor1an · 08.01.2010, 11:53

Kann es sein dass Firefox beim laden mit Strg+F5 jede Datei einzeln lädt, auch wenn sie schon mal geladen wurde? Wenn ich nur mit leerem Cache die Seite besuche wird doch nur ein Request geschickt so wies eigentlich sein sollte. Liegt wohl wirklich am Strg+F5.

Hier nochn Screen wie es damit aussieht bei mir: Firebug, Live HTTP Headers und nen Wireshark Dump

Die Testseite ist hier: CSS Sprite Test

nikosch · 08.01.2010, 15:47

Ja, Strg + F5 lädt imho alles neu. SOnst wäre das ja auch für nix zu gebrauchen.

mermshaus · 08.01.2010, 15:52

Ja, kann ich bestätigen. Ich habe mal eine Anwendung geschrieben, die per Ajax/JavaScript <img>-Tags mit kleinen Icons (insgesamt vier verschiedene) nach und nach hinzufügte. Da wunderte ich mich auch, wieso mein Browser dasselbe Icon beim Ajax-Request ein paar hundert mal nachlud. Liegt an STRG-F5.

Flor1an · 08.01.2010, 16:40

Ja gut das Strg+F5 alle Dateien nochmal lädt war mir schon bewusst. Aber ich dachte trotzdem das wenn eine Datei mehrfach im selben HTML Dokument eingebunden ist trotzdem bei Strg+F5 nur einmal komplett neu geladen wird. Aber anscheinend wird sie wirklich bei jedem vorkommen im Dokument komplett einzeln geladen, daher wurde ein und die selbe Datei zig mal runtergeladen. Ob das so den großen Sinn macht?

Manko10 · 08.01.2010, 16:43

Ob die Sprites neu geladen werden, hängt auch maßgeblich von den gesetzten HTTP-Headern ab.

mermshaus · 08.01.2010, 16:44

Ich denke, STRG-F5 deaktiviert den Cache komplett, statt ihn nur zu leeren.

Bin aber nicht sicher.

Bei mir hat es sicher 10 Stunden gebraucht, bis ich damals darauf gekommen war. Hätte schon fast die Icons deaktiviert, weil das zu viel Traffic wurde auf Dauer. (Ja, das hat mich echt frustriert.

)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Seite lädt ewig	Thisisjustme	Server, Hosting und Workstations	7	15.12.2009 15:05
Seite lädt noch obwohl schon alles angezeigt wird....	LALILU	PHP-Fortgeschrittene	6	30.11.2009 22:07
[Erledigt] Seite lädt ... und lädt	strgg	PHP Tipps 2009	8	19.10.2009 00:03
Server lädt automatisch PHP Datein herunter	eXpression	Server, Hosting und Workstations	4	16.10.2009 15:50
[Erledigt] mysql-Abfrage mehrfach nutzen	goofy04	Datenbanken	5	23.06.2009 17:06
Datei lädt .css-Code nach dem Update nich mehr in die Textarea	Canca	PHP Tipps 2009	14	23.05.2009 13:05
header download lädt mp3 als text ins browserfenster		PHP-Fortgeschrittene	12	19.08.2005 17:22
Ladefenster während Seite lädt	yoshy	HTML, Usability und Barrierefreiheit	5	01.08.2005 23:29
Lädt Bilder nicht...		Beitragsarchiv	8	31.07.2005 13:40
gleichen code mit untersch. Var. mehrfach includen		PHP Tipps 2005-2	8	10.07.2005 18:33
[Erledigt] time() lädt nicht neu...		PHP-Fortgeschrittene	16	18.03.2005 20:41
Formular mehrfach auslesen		PHP Tipps 2005	17	27.01.2005 15:04
MySQL mehrfach abfrage		PHP Tipps 2004-2	3	22.11.2004 14:23
Seite lädt und llädt und lädt ....		PHP Tipps 2004	3	24.09.2004 12:23

08.01.2010, 01:05
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	[Erledigt] CSS Sprite lädt mehrfach Hi, ich bin grade etwas verwirrt. CSS Sprites sind ja dazu da die Anzahl an HTTP Requests zu verringern. Wenn ich mir jetzt aber mal Seiten wie facebook oder youtube anschaue dann wird beim ersten laden die Sprite Datei gleich mehrfach heruntergeladen. Mit Firebug ist das im Tab Netzwerk sehr gut zu erkennen. Das passiert nur beim ersten mal laden, danach sind die Dateien ja im Cache. Aber gerade um das erste mal gehts doch. Wenn die Sprite Datei genauso oft geladen wird wie ansonsten die einzelnen kleinen Dateien, dann ist das doch eher noch schlechter da die Sprite recht groß im Vergleich ist. Bis jetzt bin ich immer davon ausgegangen dass der Browser eine Datei, auch wenn sie mehrfach im CSS als background-image definiert ist, nur einmal vom Server lädt. Ist aber anscheinend nicht so? Kann mir wer die Augen öffnen?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.01.2010, 01:22
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Hallo ... Kann das so bei facebook.com nicht reproduzieren. Weder mit Firebuck/Netzwerk, noch mit LiveHTTPHeaders. Das Sprite-File (heisst hier: apfsevhg.png) wird "requested" und nur einmal "responsed" ...

08.01.2010, 01:29
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Bei mir ist es diese File: http://static.ak.fbcdn.net/rsrc.php/...h/ebqvjyrq.png und diese wird mehrfach geladen. Natürlich nur wenn man mit Strg+F5 neulädt, also wie wenn man ganz frisch auf die Seite kommen würde.

08.01.2010, 02:31
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	Anhand welcher Firebug-Netzwerk-Indikatoren/Angaben siehst du das ...?!

08.01.2010, 11:53
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Kann es sein dass Firefox beim laden mit Strg+F5 jede Datei einzeln lädt, auch wenn sie schon mal geladen wurde? Wenn ich nur mit leerem Cache die Seite besuche wird doch nur ein Request geschickt so wies eigentlich sein sollte. Liegt wohl wirklich am Strg+F5. Hier nochn Screen wie es damit aussieht bei mir: Firebug, Live HTTP Headers und nen Wireshark Dump Die Testseite ist hier: CSS Sprite Test

08.01.2010, 15:47
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ja, Strg + F5 lädt imho alles neu. SOnst wäre das ja auch für nix zu gebrauchen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

08.01.2010, 15:52
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Ja, kann ich bestätigen. Ich habe mal eine Anwendung geschrieben, die per Ajax/JavaScript <img>-Tags mit kleinen Icons (insgesamt vier verschiedene) nach und nach hinzufügte. Da wunderte ich mich auch, wieso mein Browser dasselbe Icon beim Ajax-Request ein paar hundert mal nachlud. Liegt an STRG-F5.

08.01.2010, 16:40
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Ja gut das Strg+F5 alle Dateien nochmal lädt war mir schon bewusst. Aber ich dachte trotzdem das wenn eine Datei mehrfach im selben HTML Dokument eingebunden ist trotzdem bei Strg+F5 nur einmal komplett neu geladen wird. Aber anscheinend wird sie wirklich bei jedem vorkommen im Dokument komplett einzeln geladen, daher wurde ein und die selbe Datei zig mal runtergeladen. Ob das so den großen Sinn macht?

08.01.2010, 16:43
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Ob die Sprites neu geladen werden, hängt auch maßgeblich von den gesetzten HTTP-Headern ab. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

08.01.2010, 16:44
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Ich denke, STRG-F5 deaktiviert den Cache komplett, statt ihn nur zu leeren. Bin aber nicht sicher. Bei mir hat es sicher 10 Stunden gebraucht, bis ich damals darauf gekommen war. Hätte schon fast die Icons deaktiviert, weil das zu viel Traffic wurde auf Dauer. (Ja, das hat mich echt frustriert. ) Geändert von mermshaus (08.01.2010 um 16:49 Uhr).