Tag Was ist der Unterschied in Verhalten/Leistung beim Einschließen von Tag in Körper oder Kopf Teil des HTML-Dokuments. Auch habe ich festgestellt, dass Google Analytics in der Regel am Ende des Körpers eingebettet ist. Warum das?Was ist der Unterschied, wenn <script> Tag in HTML-Header oder Körper
Antwort
Die meiste Zeit möchten Sie Skripte am unteren Rand des Body-Abschnitts enthalten. Der Hauptgrund ist, sicherzustellen, dass die Seite (und folglich das DOM) vollständig geladen ist, bevor irgendein Javascript darauf ausgeführt wird.
Da das Herunterladen von Skripts außerdem verhindert, dass der Browser gleichzeitig weitere Dateien herunterlädt, wird die Seite schneller geladen, wenn die Seitenelemente vor dem Skript geladen werden. Wenn Sie jedoch keine riesige Website sind, die viel Traffic wie Yahoo oder Google erhält, müssen Sie dies wahrscheinlich nicht berücksichtigen.
+1 Der zweite Punkt ist jedoch wichtig, unabhängig davon, wie groß die Website ist. Eine Verzögerung von 2 Sekunden wegen SCRIPT-Elementen im HEAD ist eine schlechte Sache für ** jede ** Website. –
Von Yahoo! Entwickler-Netzwerk: Put Scripts at the Bottom
- 1. Was ist der Unterschied in <? und <? php
- 2. Was ist der Unterschied zwischen Skript in Kopf und Körper?
- 3. In ASP.Net, was ist der Unterschied zwischen <% = und <% #
- 4. Was ist der Unterschied zwischen. Tag und Tag
- 5. Was ist der spezifische Unterschied zwischen <html: submit tag und <input type = "submit"?
- 6. Was bedeutet ":" in <%: und was ist der Unterschied zu <% =?
- 7. Was ist der Unterschied zwischen <% %> und <%=%>?
- 8. Was ist der Unterschied zwischen Ofstream "<<" und Schreiben
- 9. Was ist der Unterschied zwischen << und + =?
- 10. Was ist der Unterschied zwischen <%# %> und <%= %>?
- 11. Was ist der Unterschied zwischen `=` und `<-` in R?
- 12. Was ist der Unterschied zwischen <= und: = in VHDL
- 13. <form method = "link"> oder <a>? Was ist der Unterschied?
- 14. Was ist der <dl> Tag für?
- 15. Was ist der Unterschied zwischen Tag und Zweig mit Git?
- 16. (Gurke) Was ist der Unterschied zwischen Hintergrund und vor Tag
- 17. Was ist der Unterschied zwischen "<>" und "! ="?
- 18. was ist der Unterschied zwischen <Taste onClick = ...> und <a href="#" onclick=.../>
- 19. Was ist der Unterschied zwischen "||" und "oder" in Perl?
- 20. Was ist der Unterschied zwischen mysqlimport und mysql <dbfile.sql
- 21. Was ist der Unterschied von numpy.ndarray.T und numpy.ndarray.transpose ist(), wenn self.ndim <2
- 22. Was ist <view/> XML-Tag in Layout
- 23. Ist der <noscript> Tag veraltet?
- 24. Was ist "<url> http://maven.apache.org</url>" Tag unter Projekt-Tag in pom.xml?
- 25. Was ist der Unterschied zwischen db.mydb.find ({tag: 'java'}). Count() und db.mydb.count ({tag: 'java'}) in mongodb
- 26. Was ist der Unterschied zwischen <pubDate> und <lastBuildDate> in RSS?
- 27. Was ist der Unterschied zwischen:
- 28. Was ist der Unterschied zwischen `==` und `ist`?
- 29. Was ist der Unterschied zwischen <% %> und <%= %> in ASP.NET MVC
- 30. PHP <? = Vs <? Php echo Was ist der Unterschied? Welcher ist besser zu benutzen?
mögliche Duplikate von [Was für Vor- und Nachteile: setzen Sie Javascript in den Kopf und setzen Sie kurz vor dem Körper schließen] (http://stackoverflow.com/questions/2451417/whats-pros-and-cons-putting-javascript-in -head-and-putting-Just-vor-dem-Körper) –
Als eine Nebenbemerkung: Google empfiehlt jetzt, Tracking-Code in der "
" Abschnitt: http://code.google.com/apis/analytics/docs/tracking /asyncTracking.html – whostolemyhat