js加载速度慢怎么解决?

JavaScript016

js加载速度慢怎么解决?,第1张

解决办法:换一个js包含的方式,让javascript加载速度倍增。

把通常加载方式:

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

改变成:

<script type="text/javascript">

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

</script>

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

举个例子:

比如下面是申请的站长统计代码,以前尽管是把它放在页面的最底部,但还是拖累页面加载进度。

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

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

<<script type="text/javascript">>

document.write("<<scr"+"ipt src=\"http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=pic\" language=\"JavaScript\" charset=\"gb2312\"></sc"+"ript>>")

<</script>>

速度快多了。

其它的js如法炮制,广告的,页面特效的。。。

最后再废话几句:

<<script type="text/javascript">>

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

<</script>>

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

<<script type="text/javascript">>

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

<</script>>

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

script的位置一般没有什么影响,但是有的时候网速比较慢,整个网页没有加载玩得时候,先加载了body标签里面的 <script> 那么就会先执行。但是有些对象没有加载近来,就会出现错误,说对象不存在。

通常可以 <script defer= "defer " type= "text/javascript " language= "javascript "></script>

加上defer可以 延迟脚本运行,等网页加载完了再运行脚本。

本文介绍了如何延迟javascript代码的加载,加快网页的访问速度。

当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点:

1、延迟加载js代码

复制代码

代码如下:

<script

type=”text/javascript”

src=”"

id=”my”></script>

<script

type=”text/javascript”>

setTimeout(“document.getElementById(‘my').src='include/php100.php'

“,3000)//延时3秒

</script>

这样通过延迟加载js代码,给网页加载留出更多的时间!

2、js最后加载方案一

在需要插入JS的地方插入以下代码:

程序代码

复制代码

代码如下:

<span

id=”L4EVER”>LOADING…</span>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

然后在页面最底端插入:

程序代码

复制代码

代码如下:

<span

id=”AD_L4EVER”>你的JS代码在这里!</span

>

<script>L4EVER.innerHTML=AD_L4EVER.innerHTMLAD_L4EVER.innerHTML=”"</script>

3、让JS最后加载方案二

这个牵涉到网页的加载顺序问题,例如引入外部js脚本文件时,如果放入html的head中,则页面加载前该js脚本就会被加载入页面,而放入body中,则会按照页面从上倒下的加载顺序来运行javascript的代码~~~

所以我们可以把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度。