Javascripts haben nicht im Head verloren

Der Seitenaufbau kann erst beginnen, wenn alle Javascripts und CSS im HEAD einer Webseite geladen sind. Hier einmal ein besonders schlechtes Beispiel:






  Extrem schlechtes Beispiel


Während all diese 16 verschiedenen CSS und JS geladen werden, muss der Besucher vor einem leeren Bildschrim ausharren.

<link rel="stylesheet" href="http://g1.lahme-seite.de/system/scripts/ad548ef83921.css" media="all">
<script src="http://g1.lahme-seite.de/system/scripts/e53a815ab435.js"></script>
<script src="http://g1.lahme-seite.de/plugins/jquery/js/jquery-1.9.1.min.js"></script>
<script src="http://g1.lahme-seite.de/system/modules/retina_image/assets/scripts/retina.js"></script>
<script src="http://g1.lahme-seite.de/files/lahme-seite/template/standard/js/tinynav.min.js"></script>
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/reset.css">
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/layout.css">
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/responsive.css">
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/font-awesome.min.css">
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/main.css">
<link rel="shortcut icon" type="image/x-icon" href="files/lahme-seite/template/standard/images/icons/favicon.ico">
<script src="files/lahme-seite/template/standard/js/miuri.js"></script>
<script src="files/lahme-seite/template/standard/js/underscore.js"></script>
<script src="files/lahme-seite/template/standard/js/jquery.easy-ticker.min.js"></script>
<link rel="stylesheet" href="files/lahme-seite/template/standard/css/font-awesome-ie7.min.css">
<!--[if lt IE 9]><script src="http://g1.lahme-seite.de/plugins/html5shim/html5-3.js"></script><![endif]-->


Deswegen gehören Javascripts erst am Ende geladen.



  Hohe Geschwindigkeit von Webseiten


Der erste Eindruck zählt und der wird beträchtlich durch die Architektur der Webseite und den Server beeinflußt. Über Architektur und Hosting der PEGE.org Webseiten.

Im HTML Code: Inhalt zuerst
Der HTML Code soll so aufgebaut sein, dass der Browser möglichst frühzeitig mit der Darstellung der Seite beginnen kann. Gleich nach dem BODY Statement soll der Inhalt beginnen.


Sprites: viele kleine Bilder in einem Zusammenfassen
39 einzelne Icons sind im a2011.png der PEGE zu einer einzigen PNG Graphik zusammengefasst. Allein alle Requests zu senden und Header der Dateien zu empfangen


Schneller Server wirksam wie große Design Verbesserung
Nur mit Google Analytics oder andere Analysetools ist es möglich Objektiv Änderungen am Besucherverhalten bei Änderungen an einer Webseite festzustellen.