Ich weiß nicht, wie ich es heute machen könnte, aber SPDY erweitert den Header Link um rel=subresource für genau diese Verwendung.
Von Server-Push- und Server-Tipps :
%Vor%Serverhinweis ist ein Mechanismus, bei dem der Server dem Client eine Ressource mitteilen kann, die benötigt wird, bevor der Client sie ermitteln kann. Der Server sendet nicht den gesamten Inhalt der Ressource, sondern nur die URL als einen frühen Teil einer Antwort. Der Client kann dann seinen Cache validieren (möglicherweise sogar das Erfordernis eines GET-if-modified-since) und die Ressource nur dann formell anfordern, wenn sie benötigt wird.
Quelle des Beispiels: SPDY - LINK rel = subresource
Wenn Sie wissen , dass der Client die Ressource nicht im Cache hat, sollten Sie auch Server-Push , mit dem die Hin- und Rückfahrt gespeichert wurde.
Server Push ist der Bereich, in dem der Server eine Ressource direkt an den Client sendet, ohne dass der Client nach der Ressource fragt. Der Server macht hier eine Annahme, dass das Schieben der Ressource wünschenswert ist. Das Verschieben einer cachefähigen Ressource kann riskant sein, da der Browser möglicherweise bereits über die Ressource verfügt und der Push redundant sein kann.
HTTP / 2 (basierend auf SPDY, das etwas ausläuft) hat auch Push-Anfragen (und die Überschrift Link ).
Wenn Sie sich nur mit JavaScript-Dateien und modernen Browsern beschäftigen, gibt es ein async -Attribut für script -Tags in HTML5. Dies wird unterstützt von Firefox 3.6+, IE 10+, Chrome 2+, Safari 5+, Opera 19+, IE Mobile 10+, iOS 5+ und Android 3+.
Wenn die Unterstützung für ältere Browser erforderlich ist und / oder Sie auch CSS- und JS-Dateien asynchron laden möchten, sollten Sie eines der JavaScript-Async-Loader verwenden. Es gibt viele großartige und man wird wahrscheinlich Ihre spezifischen Bedürfnisse erfüllen.
LazyLoad ist eine beliebte Option, die mit CSS und JS arbeitet. Hier ist ein Beispiel für die Verwendung:
%Vor%Links zu anderen asynchronen Ladeprogrammen:
Und einige glaubwürdige Quellen:
1.Diese Funktion funktioniert cross-browser für asynchrones Laden von Skripten
%Vor%2. Wenn Sie jQuery bereits auf der Seite haben, verwenden Sie einfach $ .getScript (URL, successCallback)
Die einfachste Lösung besteht darin, alle Ihre Skripte am unteren Rand der Seite zu belassen, damit sie das Laden von HTML-Inhalten während der Ausführung nicht blockieren. Es vermeidet auch das Problem, jedes benötigte Skript asynchron laden zu müssen.
Wenn Sie eine besonders ausgefallene Interaktion haben, die nicht immer verwendet wird und ein größeres Skript benötigt, kann es sinnvoll sein, das bestimmte Skript erst zu laden, wenn es benötigt wird (lazy loading).
3.Beispiel von Google
%Vor%4.Sie finden diesen Wiki-Artikel vielleicht interessant: Ссылка
5.Wenn Sie Hilfe benötigen, schauen Sie sich Modernizr an. Es ist eine kleine leichte Bibliothek, die Sie asynchron laden können mit Funktionen, mit denen Sie überprüfen können, ob die Datei geladen ist und führen Sie das Skript in der anderen Sie angeben.
Hier ist ein Beispiel für das Laden von jquery:
%Vor%Tags und Links http http-headers http-request
