Laden Sie das Skript vor, ohne es auszuführen
Um die Seitenleistung zu verbessernIch muss Skripte vorab laden das werde ich brauchenauf der untersten Seite ausführen.
Ich möchte die Kontrolle darüber übernehmen, wann das Skript analysiert, kompiliert und ausgeführt wird.
Ich mussVermeiden Sie das Skript-Tag, denn es istBlocker für gängige Render-Engines (Geeko, etc).
Ich kann es nicht mit ladenverschieben Eigenschaft, weil ich steuern muss, wann das Skript ausgeführt wird. Ebenfalls,asynchron Eigentum ist keine Möglichkeit.
Probe:
<html><head>
//preload scripts ie: a.js without use the script
</head><body> ..... all my nice html here
//execute here a.js
</body></html>
Auf diese Weise kann ich die Renderleistung meiner Seite maximieren, da der Browser den Inhalt der Skripte herunterlädt und die Seite gleichzeitig parallel rendert. Schließlich kann ich das Skript-Tag hinzufügen, damit der Browser den Code analysiert, kompiliert und ausführt.
Die einzige Möglichkeit, dies zu tun, ist die Verwendung eines versteckten Bild-Tags. (Dies ist eine vereinfachteVersion von Stoyan)
d.h.
<html><head>
<img src="a.js" style=display:none;>
</head><body> ..... all my nice html here
<script src="a.js">
</body></html>
Ich habe mit dieser Technik keine Probleme gehabt, aber kennt jemand einen besseren Weg, dies zu tun? Gibt es einen Meta-Prefetch?
Zusätzliche InformationIch benutzeerfordernjsDaher versuche ich, den Modulcode vorab zu laden, ohne ihn auszuführen, da dieser Code von DOM-Elementen abhängt.