nicht benötigte Ressourcen im CSS

[Matthias Apsel]

Om nah hoo pez nyeetz, alle!

Wie gehen die Browser mit nicht benötigten Ressourcen im CSS um? Bzw. mit welchen Werkzeug kann ich das Verhalten der Browser prüfen?

Hintergrund:

Es gibt die Idee, Bilder für noch nicht geöffnete Seiten des Angebots vorzuladen.

#1# <div id="preload">       <img src....

und diese per CSS unsichtbar machen, hat den Nachteil, dass Hintergrundgrafiken erst nach den ganzen unsichtbaren Bildern geladen werden.

#2# im CCS #preload {background-image ..., display: none;}

Im FF werden die Grafiken dann in den Cache geladen. Auch wenn im CSS-Code zuerst display: none steht.

bei #nicht_existierende_id wird das Hintergrundbild nicht in den FF-Cache geladen.

Wie kann ich das Verhalten der anderen Browser prüfen?

Wie sinnvoll ist das?

Man lädt zwar die Grafiken auch bei ausgeschaltetem JS vor, hat aber zusätzliche Elemente im Markup.

Matthias