异步和文档就绪

Question

我试图通过在脚本中添加一些Async属性来优化页面。它似乎破坏了我的javascript，因为$(document).ready是在所有脚本加载之前执行的！

我看到可以通过使用$(window).load而不是$(document).ready来解决我的问题，但我想知道是否有更好的解决方案。在我的情况下，此解决方案引发了2个问题：

1. 我必须更改所有$(document).ready并告诉所有开发人员不要再使用它了
2. 脚本将在所有图像加载后执行。我的网站有很多重图像，我真的需要一些脚本在dom准备好后尽快执行。

你有什么魔术吗？也许把所有脚本都放在最后？使用延迟而不是异步？

Answer 1

经过一些广泛的研究，我可以肯定地说，将脚本放在页面末尾是最佳实践。

雅虎同意我的观点:http://developer.Yahoo.com/performance/rules.html#js_bottom

null

唯一的缺点，我可以看到的是，浏览器将无法并行下载。使用Async/Defer的一个很好的理由是，当您有一个完全独立的脚本（不需要依赖于执行顺序），并且不需要在特定的时间执行时。例子：谷歌分析。