javascript - 依赖顺序的异步 Javascript 文件

标签 javascript jquery twitter-bootstrap asynchronous pagespeed

使用 PageSpeed Insights 时为了评估我的网站的性能,我得到了 70/100,建议我应该使 jquery 和 bootstrap.js 异步以提高性能。

enter image description here

问题是异步脚本不能保证按指定的顺序执行。我之前遇到一个问题,如果 Bootstrap 加载时未加载 jquery,则展开导航栏菜单的按钮将不起作用。

我如何强制 jquery 在 Bootstrap 之前加载,但仍能获得异步脚本的好处?

最佳答案

这基本上是说你的 Javascript 在加载页面之前被执行,你可以将 javascript 移动到你的 html 的底部(所以它会在页面呈现后执行)或者使用 defer 属性,这基本上是相同的效果.

<script src="anything.js" defer></script> 

关于javascript - 依赖顺序的异步 Javascript 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34501800/

相关文章:

javascript - 翻转 JQuery 插件不工作

php - 引用和转义文本字符串建议

Javascript 表单验证突出显示无效字符

javascript - 如何从jQuery对话框UI中隐藏按钮?

jquery - 根据 grails 中所选项目自动填充文本字段

css - 推特 Bootstrap 输入前置全宽

javascript - Bootstrap 3 - 导航栏在点击时折叠

javascript - 为什么我的渲染器进程会收到 "exports is not defined"?

javascript - .addClass 当#mainNav :visible

html - 两个div之间的水平线