js加载速度慢怎么解决?

JavaScript017

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文件了。

js代码执行速度 很大程度上依赖浏览器的引擎 不同浏览器跑 速度可能会差很多

然后就是算法的时间复杂度 和处理的数据量

还有就是多次操作dom也相当耗时

你要分析下你的代码慢的原因

是循环套循环了?

还是说逻辑太复杂了

如果多次操作dom 导致页面reflow次数过多

渲染次数过多 也可能给你感觉很慢

1,如果是因为你的服务器的网速不快,那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快,你放到哪都没用。

2、缓存是很好的解决方案。如果你能使用一些公共的js源,比如客户端以前用过的来源,当打开网站的时候,就会直接找到这些源的缓存,就可以加快打开速度。

3、还要从代码本身下手,根据不同的页面,打开不同的js吧。没用的js就先不要加载了。