换一种js包含的方式,让javascript加载速度倍增

时间:2009-12-21 11:47来源:未知作者:admin 点击: 次

分享到：

把通常加载方式： Copy code script src="xxxx.js"/script 改变成： Copy code script type="text/javascript" document.write("scr"+"ipt src="xxx.js"/sc"+"ript") /script ------------------------------------- 举个例子：比如下面是

把通常加载方式：

Copy code

<script src="xxxx.js"></script>

改变成：

Copy code

<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>

-------------------------------------

举个例子：
比如下面是 Web标准化网站 www.div-css.com 申请的站长统计代码，以前尽管是把它放在页面的最底部，但还是拖累页面加载进度。

Copy code

<script src="[url]http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic"[/url] language="JavaScript" charset="gb2312"></script>

我们可以把它换成这样的方式来加载（任然放在页面最底部）：

Copy code

用

Copy code

<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>

的方式，还可实现按需按条件的来加载你要的JS文件：

Copy code

<script type="text/javascript">
if ( "心情好" ) {document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")}
</script>

这样要是"心情不好"，就自然不会载入你不想要的JS文件了。

<script type="text/javascript">
document.write("<scr"+"ipt src=\"[url=http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic\]http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic\[/url]" language=\"JavaScript\" charset=\"gb2312\"></sc"+"ript>")
</script>

速度快多了。

个人理解原因是：直接包含js解析器会当做文件来加载处理，（会优先下载js文件然后再解析hmtl代码），而用document.write,js文件被当成html代码来解析，（同步加载html文档和js代码）不会影响到整个文档加载。