Javascript加载速度慢的解决方案

 更新时间:2014年03月11日 16:28:40   作者:  
在网站里面会加载一些js代码,统计啊,百度广告等等,结果弄得页面加载速度很慢,下面有个不错的解决方法,大家可以参考下
通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊,一堆,最后弄得页面加载速度很慢,很慢.
解决办法:换一个js包含的方式,让javascript加载速度倍增.
把通常加载方式:
复制代码 代码如下:

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

改变成:
复制代码 代码如下:

<script type="text/javascript">
document.write("<scr"+"ipt src="xxx.js"></sc"+"ript>")
</script>

如果要加载多个js的话,可以使用下面的方法
复制代码 代码如下:

<script type="text/javascript">

document.write("<scr"+"ipt src="xxx1.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xxx2.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xxx3.js"></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制作微信聊天面板

    基于javascript制作微信聊天面板

    这篇文章主要为大家详细介绍了基于javascript制作微信聊天面板的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 原生JS实现天气预报

    原生JS实现天气预报

    这篇文章主要为大家详细介绍了原生JS实现天气预报,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • js实现手机发送验证码功能

    js实现手机发送验证码功能

    本文主要介绍了js实现手机发送验证码功能的示例。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • bootstrap table小案例

    bootstrap table小案例

    这篇文章主要介绍了bootstrap table小案例,教大家如何使用表格组件bootstrap table
    2016-10-10
  • JS使用正则表达式验证身份证号码

    JS使用正则表达式验证身份证号码

    这篇文章主要介绍了JS使用正则表达式验证身份证号码的相关资料,需要的朋友可以参考下
    2017-06-06
  • JS中typeof与instanceof之间的区别总结

    JS中typeof与instanceof之间的区别总结

    本文是对JS中typeof与instanceof之间的区别进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 原生js实现移动小球(碰撞检测)

    原生js实现移动小球(碰撞检测)

    这篇文章主要介绍了原生js实现会动的小球,碰撞检测功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • javascript限制文本框输入值类型的方法

    javascript限制文本框输入值类型的方法

    这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • input点击后placeholder中的提示消息消失

    input点击后placeholder中的提示消息消失

    placeholder属性是HTML5 中为input添加的。在input上提供一个占位符,文字形式展示输入字段预期值的提示信息(hint),该字段会在输入为空时显示
    2016-01-01
  • JavaScript中的事件处理程序

    JavaScript中的事件处理程序

    这篇文章介绍了JavaScript中的事件处理程序,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04

最新评论