Ladezeitoptimierung Grundlagen

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

Falsche Optimierung

Falsche Optimierung geht an die Qualität. Kleinere Bilder, schlechtere Qualität durch hohe JPG Komprimierung. Vergessen Sie diesen Unsinn!

Besucher sieht den Inhalt

Bei der Ladezeitoptimierung geht es um die Zeit, die der Benutzer warten muss, bis brauchbaren Inhalt erscheint. Also keineswegs die Zeit bis die gesamte Webseite geladen ist, sondern die Zeit bis der Besucher etwas vom Besuch der Webseite hat.

Typischer Aufbau einer lahmen Webseite

Eine lahme Webseite ladet Javascript und CSS Dateien im <HEAD>. Damit wird der Browser blockiert die Webseite darzustellen, bis alle Javascripts und CSS geladen sind.

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.

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.

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.