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


Posted in Javascript onDecember 12, 2014

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

Javascript 相关文章推荐
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 Javascript
jquery实现滑动图片自己测试的例子
Nov 05 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
jQuery弹出div层过2秒自动消失
Nov 29 Javascript
js实现颜色阶梯渐变效果(Gradient算法)
Mar 21 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
JS实现匀速与减速缓慢运动的动画效果封装示例
Aug 27 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
Vue批量图片显示时遇到的路径被解析问题
Mar 28 Javascript
Vue指令实现OutClick的示例
Nov 16 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 Javascript
jQuery实现瀑布流布局
Dec 12 #Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 #Javascript
js 左右悬浮对联广告代码示例
Dec 12 #Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 #Javascript
jquery禁止回车触发表单提交
Dec 12 #Javascript
完美兼容各大浏览器的jQuery插件实现图片切换特效
Dec 12 #Javascript
windows8.1+iis8.5下安装node.js开发环境
Dec 12 #Javascript
You might like
php.ini 中文版
2006/10/28 PHP
php写的带缓存数据功能的mysqli类
2012/09/06 PHP
PHP实现Redis单据锁以及防止并发重复写入
2018/04/10 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】
2019/05/06 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
YUI Compressor压缩JavaScript原理及微优化
2013/01/07 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
javascript三元运算符用法实例
2015/04/16 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
JavaScript获取服务器端时间的方法
2016/11/29 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
重新认识vue之事件阻止冒泡的实现
2018/08/02 Javascript
vue实现购物车列表
2020/06/30 Javascript
Python中字符串格式化str.format的详细介绍
2017/02/17 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
Python简单实现控制电脑的方法
2018/01/22 Python
解读python logging模块的使用方法
2018/04/17 Python
python实现Windows电脑定时关机
2018/06/20 Python
python多个模块py文件的数据共享实例
2019/01/11 Python
Python 安装第三方库 pip install 安装慢安装不上的解决办法
2019/06/18 Python
Windows和Linux动态库应用异同
2016/04/17 面试题
村委会贫困证明范文
2014/09/21 职场文书
个人租房协议书样本
2014/10/01 职场文书
银行授权委托书格式
2014/10/10 职场文书
2015年董事长秘书工作总结
2015/07/23 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
索尼ICF-5900W收音机测评
2022/04/24 无线电