让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 input文本框禁用右键和复制粘贴功能的代码
Apr 15 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
使用JS判断页面是首次被加载还是刷新
May 26 Javascript
微信小程序实现购物车代码实例详解
Aug 29 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
javascript实现简单留言板案例
Feb 09 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 strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
2013/09/22 Javascript
javascript中的作用域和上下文使用简要概述
2013/12/05 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
微信小程序 MD5加密登录密码详解及实例代码
2017/01/12 Javascript
jquery对象与DOM对象转化
2017/02/08 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
BootStrap前端框架使用方法详解
2020/02/26 Javascript
基于redis的小程序登录实现方法流程分析
2020/05/25 Javascript
vue实现简单跑马灯效果
2020/05/25 Javascript
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
Python操作SQLite简明教程
2014/07/10 Python
Python多线程编程(一):threading模块综述
2015/04/05 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
python 多线程将大文件分开下载后在合并的实例
2018/11/09 Python
python3爬虫获取html内容及各属性值的方法
2018/12/17 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Python实现转换图片背景颜色代码
2020/04/30 Python
Python sorted对list和dict排序
2020/06/09 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
系统管理员的职责包括那些?管理的对象是什么?
2013/01/18 面试题
法律专业学生的自我评价
2014/02/07 职场文书
视光学专业自荐信
2014/06/24 职场文书
大学生党性分析材料
2014/12/19 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
巴黎圣母院观后感
2015/06/10 职场文书
小学班级管理心得体会
2016/01/07 职场文书