Hintergrund Graphik später laden

In 99% der Fälle ist wohl die Hintergrundgraphik nicht das wichtigste was möglichst schnell den Besucher gezeigt werden muss. Die Ladezeit anderer Elemente ist wichtiger.

Nehmen wir mal die auf schnelle Darstellung hochoptimierte Webseite. Das erste TCP/IP Paket kommt an. Darin findet der Browser eine Reihe von Dateien die geladen werden müssen. Aber welche dieser Dateien sind für einen schnellen ersten Eindruck des Besuchers wichtig? In 99% der Fälle ist es wohl nicht die Hintergrundgraphik.

Deswegen wird bei den PEGE Seiten das Laden des Hintergrundbildes erst nach dem Laden des Javascripts gestartet.

Im CSS

.print{url(none)}
.screen{background-color:ECEBF0;background-image:url(../pic/background/20081118.png);background-repeat:repeat-y;}

Im Javascript welches am Ende der Seite geladen wird

document.body.className='screen';

Die Auswertung von Logfiles ergab, dass so das Laden des Hintergrundbildes erst nach dem Laden des Javascripts statt findet. Getestet wurde mit MSIE 7 und Firefox 3.0.4

Ladezeitoptimierung Grundlagen
	Was kann bei der Ladezeit überhaupt optimiert werden? Grundlagen für die Ladezeitoptimierung von Webseiten. Wie wird überhaupt die Ladezeit definiert?

Dummy Javascript für schnelle Ladezeit
	Im HEAD Bereich wird kein Javascript geladen. Das Laden des Javascripts ist erst am Ende der Seite. Um diese Zeit zu überbrücken sind im HEAD kurze Dummy Funktionen.

Ladezeitoptimierung bei CSS Cascading Style Sheets
	Schon mit dem ersten 4 empfangenen TCP/IP Paket soll der Browser in der Lage sein die wichtigsten Inhalte der Webseite anzuzeigen. Optimierungsschritt CSS.

Ladezeitoptimierung: Inhalt zuerst
	Jetzt haben wir alle Maßnahmen kennen gelernt, damit die Anzeige der Webseite bereits mit dem ersten 4 TCP/IP Paket vom Server beginnen kann. Doch womit soll der Browser anfangen?

Ladezeittest
	Cache löschen, und dann weit weit weg vom nächsten Mobilfunkmasten die Webseite aufrufen. Mit einem Video wird der Ladevorgang dokumentiert.