Ich habe gerade das Plugin "Yslow" für Mozilla Firefox verwendet und es hat mir gesagt, dass ich JavaScript ganz unten platzieren soll. Ich habe das schon einmal gehört, aber nicht wirklich viel darüber nachgedacht. Gibt es wirklich einen Vorteil darin, JavaScript am unteren Rand einer Webseite im Vergleich zum oberen Rand zu platzieren?
javascript
webpage
Nutzer
quelle
quelle
Antworten:
Dadurch kann die Webseite vor dem Ausführen von JavaScript sichtbar geladen werden. Dies ist beispielsweise für Google Analytics sinnvoll, die vor dem Laden der Seite nicht ausgeführt werden müssen.
Möglicherweise möchten Sie auch Dinge wie jQuery, Prototyp usw. untersuchen und an den "ready" -Handler anhängen, der JavaScript-Code ausführt, nachdem das DOM vollständig geladen wurde. Dies ist ein geeigneter Ort für viel JavaScript-Code.
quelle
Angenommen, Sie laufen nicht auf einem CDN oder stellen Ihr JS nicht von einer separaten Subdomäne oder einem separaten Server aus bereit, wird es synchron geladen und zwingt Ihren HTML-Inhalt, zu warten, bis die Dateien heruntergeladen wurden. Indem Sie das JS am Ende Ihrer Seite vor dem schließenden
</body>
Tag platzieren, können Sie den HTML-Code vor dem Laden des Javascript analysieren. Dies führt zu schnelleren Ladezeiten.quelle
Wenn Sie statischen HTML-Inhalt und viel Javascript haben, kann dies einen Unterschied in der wahrgenommenen Ladezeit der Seite bewirken, da das HTML zuerst geladen wird und dem Benutzer etwas zum Anschauen gibt. Wenn Sie nicht viel Javascript haben oder der vorhandene Seiteninhalt darauf angewiesen ist, dass Javascript nützlich ist, ist dies praktisch nicht so nützlich.
quelle
Ja, die Seite lädt den Inhalt und rendert ihn, bevor Javascript geladen und ausgeführt wird. Dadurch wird die Seite schneller geladen.
quelle
Ich möchte ein Update zu diesem Thema bringen. Google hat kürzlich einen asynchronen Snipp http://support.google.com/analytics/bin/answer.py?hl=de&answer=1008080&rd=1 eingeführt, der für Ihre Website hinzugefügt werden kann, um z Unterstützung für Google-Statistiken. Es sollte
<head>
für eine optimale Leistung am unteren Rand des Abschnitts platziert werden . Der Punkt ist, dass dies die Wahrscheinlichkeit erhöht, dass ein Tracking Beacon gesendet wird, bevor der Benutzer die Seite verlässt.Dort sollte es sich auch befinden, wenn Sie Ihre Website in Google Webmaster-Tools mithilfe Ihrer Google Analytics überprüfen möchten.
Davon abgesehen gelten grundsätzlich immer noch dieselben Regeln - Javascript unten für das "schnelle" Laden der Seite. Ich habe Anführungszeichen verwendet, weil ich die Seite nicht vollständig geladen zähle, bis Javascript fertig ist ;-)
quelle
Damit können alle DOM-Elemente vollständig geladen werden, bevor das Javascript geladen wird, das sie adressiert. Dieser Standard ist auch Teil von Visual Studio.
quelle
Das Platzieren von Skripten am unteren Rand des Elements verbessert die Anzeigegeschwindigkeit, da die Skriptkompilierung die Anzeige verlangsamt.
quelle
OBEN
UNTERSEITE
Entnommen aus Demian Labs .
quelle
Ja, das Einfügen des Javaskripts am Ende der Seite beschleunigt das Laden der Seite erheblich. Da der Browser die Dinge synchron ausführt, wirkt sich dies auf das Laden der Seite aus, wenn sie oben auf der Seite platziert wird. Wenn es am Ende der Seite platziert wird, hat die Seite das gesamte Markup bis dahin geladen, wenn der Browser mit dem Laden des Javascript beginnt, um dem Benutzer eine bessere Erfahrung zu bieten.
quelle