让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 相关文章推荐
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
JS显示表格内指定行html代码的方法
Mar 31 Javascript
Immutable 在 JavaScript 中的应用
May 02 Javascript
JavaScript 数组中最大最小值
Jun 05 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
three.js 入门案例详解
Jan 23 Javascript
详解KOA2如何手写中间件(装饰器模式)
Oct 11 Javascript
jQuery访问json文件中数据的方法示例
Jan 28 jQuery
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
8 个有用的JS技巧(推荐)
Jul 03 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 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 接口类与抽象类的实际作用
2009/11/26 PHP
php强制运行广告的方法
2014/12/01 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
PHP自定义函数格式化json数据示例
2016/09/14 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
实例分析10个PHP常见安全问题
2019/07/09 PHP
细品javascript 寻址,闭包,对象模型和相关问题
2009/04/27 Javascript
javascript获取ckeditor编辑器的值(实现代码)
2013/11/18 Javascript
jquery $.trim()方法使用介绍
2014/05/21 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
Bootstrap Scrollspy源码学习
2017/03/02 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
get  post jsonp三种数据交互形式实例详解
2017/08/25 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
Javascript柯里化实现原理及作用解析
2020/10/22 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
PyTorch的深度学习入门教程之构建神经网络
2019/06/27 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
HTML4和HTML5之间除了相似以外的10个主要不同
2012/12/13 HTML / CSS
做一个能自适应高度的textarea的示例代码
2019/09/06 HTML / CSS
澳大利亚牛仔裤商店:Just Jeans
2016/10/13 全球购物
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
C#怎么让一个窗口居中显示?
2015/10/20 面试题
如何利用cmp命令比较文件
2016/04/11 面试题
工程监理应届生求职信
2013/11/09 职场文书
酒店实习个人鉴定
2013/12/07 职场文书
公司合作意向书
2014/04/01 职场文书
啤酒节策划方案
2014/05/28 职场文书
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android