javascript - 是否将 jQuery + 自定义脚本与异步结合?

标签 javascript jquery performance asynchronous lazy-loading

当希望加快我们网站之一的初始加载速度时,我们将所有 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/

相关文章:

javascript - 在 Windows 10 触摸屏上选择输入时打开虚拟键盘

javascript - 使用 AJAX 无缝切换页面

jquery - 电话和手机中jquery的设计模式保存在mysql中

javascript - 将 jquery html 构造函数添加到另一个构造函数

c++ - 在 for-loop 中定义一个大数组会影响性能?

javascript - ionic 混合移动应用程序获取设备位置

javascript - 在javascript中将字符串变量转换为正则表达式?

javascript - 在一天的特定时间刷新网页

mysql - 解释的难以理解的响应以及如何决定在 mysql 中添加索引

php - 函数中的类型声明会让我的代码执行得更好吗?