让javascript加载速度倍增的方法(解决JS加载速度慢的问题)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让javascript加载速度倍增的方法(解决JS加载速度慢的问题)相关的知识,希望对你有一定的参考价值。

通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊,

一堆,最后弄得页面加载速度很慢,很慢。


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


把通常加载方式: 

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


改变成:


代码如下:

<script type="text/javascript">

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

</script>


举个例子:



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


<script src="url" language="JavaScript" charset="gb2312"></script>



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




复制代码 代码如下:

<script type="text/javascript">

document.write("<scr"+"ipt src=\"url\" 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>

以上是关于让javascript加载速度倍增的方法(解决JS加载速度慢的问题)的主要内容,如果未能解决你的问题,请参考以下文章

js加载速度慢怎么解决?

js加载速度慢怎么解决?

解决JS加载速度慢

灵活实用require.js,让JS加载速度更流畅

用于确保页面中js加载完全,对于优化某网页的加载速度,有什么见解

如何让网站打开速度快