Ich versuche, meine Seiten zu optimieren, indem ich einige async
Attribute in meine Skripte einfüge. Es scheint mein Javascript zu brechen, da $(document).ready
ausgeführt wird, bevor alle Skripte geladen werden!Async und Dokument bereit
Ich sah, dass ich mein Problem lösen kann, indem ich $(window).load
statt $(document).ready
setze, aber ich fragte mich, ob es eine bessere Lösung gibt. Diese Lösung Trigger 2 Probleme in meinem Fall:
- Ich habe alle
$(document).ready
und sagen alle developpers ändern es nicht mehr wird - Die Skripte ausgeführt werden, verwenden, nachdem alle Bilder geladen sind. Meine Website hat viele schwere Bilder und ich brauche wirklich einige Skripte, die so schnell wie möglich ausgeführt werden, nachdem dom bereit ist.
Haben Sie einige Zaubertricks? Vielleicht alle Skripte am Ende? Verwenden Sie defer
anstelle von async
?
Die Ausführung wird nicht vollständig garantiert, indem sie im DOM abgelegt werden. Wenn Sie zu viel JavaScript und/oder HTML für den Browser haben, benötigen Sie Requiresjs oder einen anderen Systemlader wie diesen. Ich sah Design, das nur mit komprimiertem JavaScript funktionierte, weil es zu viel war. Es war ein Bootstrap 3.x responsives Thema mit Effekten beim Scrollen auf der Seite. – alpham8