Bilder vorladen mit CSS
Um die Ladezeiten von Webseiten zu verkürzen sollte man möglichst kleine Grafiken benutzen, wenn das aber nicht möglich ist und diese Grafiken bei jedem Reload oder Pageview neu geladen werden müssen, kann sich das sehr negativ auf das Besucherverhalten und Wiederkehr auswirken. Denn der besucher wartet nicht gern über 10 oder 20 Sec nach jedem Klick bis er was zu sehen bekommt.
Besser ist hier das vorladen der Grafike. Das funktioniert auf meheren Wegen z.B. mit Javascript oder mit CSS.
In diesem Artikel nehmen wir uns das CSS vor.
Man ruft in einem div-Tag alle bilder auf, die man vorladen will, was so aussieht :
| HTML
<div id=”vorladen”> <img src=”text2.jpg” width=”1″ height=”1″ /> |
CSS
div#vorladen { |
Diese 5 min Arbeit können sehr viel für die Webseite rausholen, vorallem dann wenn sie sehr Grafiklastig ist,
wie z.B. Webseiten von gaming Clans.



Leave your response!