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

 更新时间:2014年12月12日 14:55:13   投稿:mdxy-dxy  
这篇文章主要介绍了让javascript加载速度倍增的方法,通过document.write输出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文件了。

相关文章

  • JS多物体 任意值 链式 缓冲运动

    JS多物体 任意值 链式 缓冲运动

    JS多物体 任意值 链式 缓冲运动,需要的朋友可以参考下
    2012-08-08
  • js实现模态框的拖拽效果

    js实现模态框的拖拽效果

    这篇文章主要为大家详细介绍了js实现模态框的拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 微信小程序scroll-view锚点链接滚动跳转功能

    微信小程序scroll-view锚点链接滚动跳转功能

    这篇文章主要介绍了微信小程序scroll-view锚点链接滚动跳转功能,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • 如何在javascript 中使用 xmlHttpRequest 发送 POST 请求

    如何在javascript 中使用 xmlHttpRequest 发送 POST

    本文将通过不同的示例解释如何使用JavaScript代码在AJAX编程中发送 XMLHttpRequest post 请求,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-07-07
  • Bootstrap CDN和本地化环境搭建

    Bootstrap CDN和本地化环境搭建

    这篇文章主要介绍了Bootstrap CDN和本地化环境搭建的方法,非常不错具有参考借鉴价值,感兴趣的朋友跟着小编一起学习吧
    2016-10-10
  • 浅谈js中调用函数时加不加括号的问题

    浅谈js中调用函数时加不加括号的问题

    下面小编就为大家带来一篇浅谈js中调用函数时加不加括号的问题 。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 利用原生JS实现data方法示例代码

    利用原生JS实现data方法示例代码

    这篇文章主要给大家介绍了关于如何利用原生JS实现data方法的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用原生JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • js实现表单提交后不重新刷新当前页面

    js实现表单提交后不重新刷新当前页面

    本文介绍了如何通过js实现表单提交后不重新刷新当前页面的方法实例.既提交了FORM保存了数据,页面也不会跳转,很实用。需要的朋友可以参考下
    2016-11-11
  • 记录一篇关于redux-saga的基本使用过程

    记录一篇关于redux-saga的基本使用过程

    这篇文章主要介绍了记录一篇redux-saga的基本使用过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • JavaScript 如何删除小数点后的数字

    JavaScript 如何删除小数点后的数字

    这篇文章主要介绍了JavaScript 删除小数点后的数字实例代码,代码简单易懂,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-07-07

最新评论