让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 相关文章推荐
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
js检测iframe是否加载完成的方法
Nov 26 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
Vue-cli3多页面配置详解
Mar 22 Javascript
基于JavaScript实现表格隔行换色
May 08 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
一个PHP+MSSQL分页的例子
2006/10/09 PHP
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
JS特权方法定义作用以及与公有方法的区别
2013/03/18 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
对Jquery中的ajax再封装,简化操作示例
2014/02/12 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
EsLint入门学习教程
2017/02/17 Javascript
详解Angular2 关于*ngFor 嵌套循环
2017/05/22 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
2017/09/12 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
原生js实现自定义滚动条
2021/01/20 Javascript
python利用hook技术破解https的实例代码
2013/03/25 Python
Python利用matplotlib生成图片背景及图例透明的效果
2017/04/27 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
利用python编写一个图片主色转换的脚本
2017/12/07 Python
详解python实现识别手写MNIST数字集的程序
2018/08/03 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Flask之pipenv虚拟环境的实现
2019/11/26 Python
Python ATM功能实现代码实例
2020/03/19 Python
python中lower函数实现方法及用法讲解
2020/12/23 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
社区工作者感言
2014/03/02 职场文书
歌唱比赛主持词
2014/03/18 职场文书
公证委托书大全
2014/04/04 职场文书
骨干教师个人总结
2015/02/11 职场文书
李白故里导游词
2015/02/12 职场文书
招商银行收入证明
2015/06/17 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
设置IIS Express并发数
2022/07/07 Servers