Ich habe also auf meiner Seite einige kleine Skripte, die nicht unbedingt geladen werden müssen, wenn Sie die Website besuchen, und die der Benutzer während seiner gesamten Sitzung vielleicht gar nicht benötigt.
Außerdem, nach dieser: http://code.google.com/speed/page-speed/docs/payload.html#DeferLoadingJS Das ist auch keine gute Praxis.
Zurzeit habe ich zum Beispiel alles in 'When dom ready':
$(function() {
// most of the code of which is not needed
});Wenn ich den Code nicht innerhalb des Dom ready platziere, ist er meistens nicht ausführbar. Also dachte ich an getrennte Funktionen für jedes Snippet zu tun.
Zum Beispiel:
function snippet1() {
// Code here
}und dann, wenn ich das Snippet brauche, lade ich es bei Bedarf per Mausklick. (Nicht immer ein Mausklick, hängt davon ab, was ich brauche, um zu laden).
Zum Beispiel:
$('#button1').click(function() {
snippet1();
});Meine Frage ist also: Ist dies die Art und Weise des Ladens von Funktionen async, so dass Sie die Seite Ladezeit zu reduzieren oder gibt es einen besseren Weg? Ich habe das nirgendwo gelesen, ich habe nur daran gedacht.
Beachten Sie, dass ich bewusst der asynch Laden ist, aber das ist nicht meine Option hier, da ich alle Funktionen in nur eine Js-Datei, die zwischengespeichert werden, so Seite Ladezeit wird weniger als Laden jedes Mal asynch Js-Dateien kombinieren könnte.
