让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 相关文章推荐
js left,right,mid函数
Jun 10 Javascript
div拖拽插件——JQ.MoveBox.js(自制JQ插件)
May 17 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
Jun 24 Javascript
js中使用replace方法完成某个字符的转换
Aug 20 Javascript
js实现圆盘记速表
Aug 03 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
微信小程序入门之绘制时钟
Oct 22 Javascript
vant 时间选择器--开始时间和结束时间实例
Nov 04 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 Undefined index的问题
2009/06/01 PHP
比较时间段一与时间段二是否有交集的php函数
2011/05/31 PHP
php jq jquery getJSON跨域提交数据完整版
2013/09/13 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
php实现随机显示图片方法汇总
2015/05/21 PHP
php中namespace use用法实例分析
2016/01/22 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
基于 Swoole 的微信扫码登录功能实现代码
2018/01/15 PHP
JavaScript 面向对象编程(2) 定义类
2010/05/18 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
js编写选项卡效果
2017/05/23 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
JavaScript设计模式之调停者模式实例详解
2018/02/03 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
python3爬取torrent种子链接实例
2020/01/16 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
html5录音功能实战示例
2019/03/25 HTML / CSS
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
校庆团日活动总结
2014/08/28 职场文书
2014年转正工作总结
2014/11/08 职场文书
2015年仓库工作总结
2015/04/09 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python