为什么在jQuery之前加载脚本文件仍然有效?

时间:2015-04-29 16:09:45

标签: javascript jquery performance loading waterfall

我打算从Rails应用程序通过CDN加载jQuery。不幸的是我无法显示代码,但我会尝试解释。代码设置如下:

布局中的

,在关闭body标签之前:

= javascript_include_tag "main_web"

main_web.js:

//= require jquery
//= require page_script

现在我想做的是

布局

= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
= javascript_include_tag "main_web"

在main_web.js中我将删除jQuery依赖

//=require page_script

我做到了,现在我有一个看起来像这样的瀑布:

waterfall

我想确保当我实施这一变更时,我的访问者都没有'浏览器将尝试在加载jQuery之前执行main_script。

1 个答案:

答案 0 :(得分:0)

不是100%确定脚本的位置或在页面上呈现它们的方式,但是从标记加载的JavaScript文件是按顺序执行的。因此,如果页面中有两个脚本文件:

<script src="filea.js"></script>
<script src="fileb.js"></script>

filea.js将在fileb.js

之前执行

这种情况可能发生在您的示例中,但不知道它们是如何加载的,我无法确定。