Gibt es Probleme mit einer großen Anzahl (etwa 50) von Skript-Tags in einer HTML-Datei? Führt dies zu Leistungsproblemen beim Seitenrendering?
Ich habe einen Abschnitt auf meiner Seite, der einen Geolocation-Punkt zieht und ihn in ein Array zur Verwendung auf einer Google-Karte einfügt. Ich könnte eine separate Abfrage nur für die Geolocation-Punkte erstellen, aber ich glaube, es ist effizienter, wenn ich dies heraushole, da andere Inhalte angefordert werden.
%Vor% Wenn ein Browser auf ein SCRIPT
-Element stößt, hört es mit dem Parsen und Rendern des HTML auf und beginnt mit dem Parsen und Interpretieren seines Inhalts. Das liegt daran, dass der Code SCRIPT
-Elemente die bereits analysierte DOM-Struktur ändern könnte.
Aus diesem Grund wird empfohlen, SCRIPT
s am Ende des Dokuments zu platzieren dass der gesamte Dokumententext bereits analysiert wurde.
Also würde ich lieber die Geo-Standorte zusammensuchen (vielleicht können Sie sie auf der Serverseite sammeln und sie am Ende ausdrucken). Oder wenn Sie das nicht tun können oder wollen, fügen Sie das Attribut defer
SCRIPT
-Elemente, damit der Parser nicht auf das Skript wartet.
LABjs ist eine leichtgewichtige .js-Datei (MIT-Lizenz), die es Ihrem Skript ermöglicht, parallel mit dem Markup zu laden - es hat das Potenzial um die Seitenladezeit erheblich zu verbessern - aber seien Sie vorsichtig, indem Sie die Funktion wait () verwenden, um sicherzustellen, dass Abhängigkeiten berücksichtigt werden.
Tags und Links javascript html scripting