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

以上内容是摘录 百度的

 

总结

这个方法只使用到 onload 之前

 

 

不然的话 整个页面 后被重写！！！