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?






  Absolute Positionierung von DIV Elementen


Wie zeigt man den Inhalt vor den Navigationselementen an? Der wirksamste Trick dafür sind DIV Elemente mit absoluter Positionierung.

<BODY>
<div style=left:335;top:10>
Hier der Inhalt der Webseite
</div>

<div style=left:10;top:100>
Hier das erste Element von der Navigation
</div>

Der <HEAD> Teil einer PEGE Seite ist üblicherweise unter 4 kB. Ein TCP/IP Paket ist üblicherweise 1452 Byte lang. Bei den meisten Seiten ist so in den ersten 4 TCP/IP Paketen der Inhalt der Webseite bereits darstellbar.



  Webseiten Ladezeit Optimierung


Meist sitzt der Entwickler an einer sehr schnellen Internetverbindung, die meisten Elemente der eigenen Seite im Cache. Doch für den Besucher sieht die Ladezeit ganz anders aus.

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.


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.


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




Kontext Beschreibung:  Webseiten Seiten Ladezeit Webseitenladezeit Seitenladezeit Optimierung Webseitenoptimierung Seitenoptimierung Ladezeitoptimierung Webseitenladezeitoptimierung Seitenladezeitoptimierung Optimierungen Webseitenoptimierungen Seitenoptimierungen Ladezeitoptimierungen Webseitenladezeitoptimierungen Seitenladezeitoptimierungen Datum Zeit