Wird die Seite schneller geladen, wenn ich das JavaScript vor dem Tag verwende? Beispiel:Schnelle Frage zu JavaScript (body-tag)
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(function(){
});
</script>
</body>
Die Seite wird in der gleichen Menge an Zeit noch geladen werden, aber es könnte als Belastung schneller wahrgenommen werden (das heißt man sehen DOM-Element (e) erscheinen schneller).
Wenn ich es wäre, würde ich Ihre jQuery.js Referenz in der <head>, und halten Sie Ihre benutzerdefinierten Sachen vor dem Ende der <body>.
Ich weiß nicht, ob es lädt schneller (ich überrascht sein würde), aber in diesem Fall, dass Sie nicht mehr benötigen Sie den Code in einem $(document).ready wickeln, wie in diesem Moment wird das Dokument bereit sein, manipuliert werden:
<body>
balbllb content
<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
// directly manipulate the DOM here
</script>
</body>
Es ist nicht alles schneller passiert. Es ist die Reihenfolge, in der Dinge passieren. Wenn Sie die Skripts ganz unten (direkt vor dem schließenden body-Tag) platzieren, wird der Rest Ihres Inhalts vor dem Laden der Skripte geladen, wodurch das Laden schneller erscheint.
Die gesamte Seitenladezeit ist identisch. Aber die Seite wird als schneller geladen werden, da es dem Benutzer schneller erscheinen wird. Die "Wahrnehmung von schnellerem Laden" ist keine Vermutung, sondern eine Tatsache, die von Psychologen vielfach bewiesen wurde.
Denken Sie daran, dass, wenn Sie Ihre JS-Bibliotheken am unteren Rand der Seite laden (wie Sie sollten), alle abhängigen Skripte den Bibliotheken unten folgen müssen.
Okey, jetzt weiß ich mehr! Danke für alle Antworten! – Squadroo