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

前端技术 2023/09/04 JavaScript

通常我们的网站里面会加载一些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文件了。

本文地址:https://www.stayed.cn/item/9363

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。