js加载速度慢怎么解决？

JavaScript028

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最后引入，从而加快页面加载速度。