当希望加快我们网站之一的初始加载速度时,我们将所有 javascript 放在一个组合文件中,该文件现在相当大 - 大约 90kb。 所有分析工具都一直说“您应该切换到异步,以免 JavaScript 阻止网页渲染”。
这就是我们今天结束正文标记之前的内容
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/js/script.js"></script>
我们的脚本依赖于 jQuery。所以,我的问题是,是否最好有一个近 200kb 的脚本,即 jQuery 与我们的脚本连接,这样我们就知道 jQuery 在我们自己的脚本之前加载,并让它异步加载,或者是否有另一种方法可以解决这个问题而不涉及太多许多第三方解决方案,例如 headjs、reactjs 等。
输入代码,是这个
<script src="/js/combined.js" async></script>
比这个更好
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="/js/script.js" async></script>
如果我们保持 jQuery 同步,并将我们的脚本异步,这有帮助吗?还是因为我们无法确定 jQuery 在我们的脚本之前加载而存在危险?
或者,作为一个非解决方案,我们是否只是不关心这个并专注于其他事情,即是否真的值得追寻最后的性能提升?
任何见解将不胜感激。
最佳答案
如果您想确保自己的脚本在 jQuery 之后加载,您可以添加 defer 属性。
看看这个:http://www.growingwiththeweb.com/2014/02/async-vs-defer-attributes.html
关于javascript - 是否将 jQuery + 自定义脚本与异步结合?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31332227/