On my web site,我正在努力尽可能地完成最快的页面加载.
我注意到我的JavaScript似乎没有异步加载.图片链接如下.
alt text http://img249.imageshack.us/img249/2452/jsasynch2.png
我的网站如何工作是它需要加载两个外部JavaScript文件:
>谷歌地图v3 JavaScript,和
> JQuery JavaScript
然后,我在HTML中使用内联JavaScript,在下载上述两个文件之前无法执行.
一旦它加载了这些外部javascript文件,它就会,然后才能动态呈现页面.在加载Google Maps和JQuery之前我的页面无法加载的原因是 – 我的页面,基于用户的地理位置(使用Gmaps),然后将根据它们所在的位置显示页面(例如,纽约,旧金山等).这意味着,在不同城市观看我的网站的两个人将看到不同的前台.
问题:如何让我的JavaScript文件异步下载,以便我的整个页面加载时间最快?
更新:
如果我以某种方式异步下载谷歌地图和JQuery,我将如何创建一个事件,一旦谷歌地图和JQuery都下载了就会被解雇,因为我的页面对这些要执行的文件有很强的依赖性.
更新2
尽管下面有3个答案,但实际上没有人能回答我的问题.任何帮助将不胜感激.
解决方法
HTTP下载通常受到浏览器的限制,每个域同时下载两次.这就是为什么有些网站在www.domain.tla和
the images and javascript on
static.domain.tla
上有动态内容的原因.
但浏览器与脚本while a script is downloading,however,the browser won’t start any other downloads,even on different hostnames.的行为略有不同
标准解决方案是将脚本移动到页面底部,但有一种解决方法可能适用于您,也可能不适用于您:Insert the script DOM element using Javascript.