让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继承的实现
Oct 24 Javascript
js活用事件触发对象动作
Aug 10 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
原始XMLHttpRequest方法详情回顾
Nov 28 Javascript
用Jquery选择器计算table中的某一列某一行的合计
Aug 13 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
微信小程序实现收货地址左滑删除
Nov 18 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 socket通信简单实现
2016/11/18 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
在Swiper内如何制作CSS3动画效果示例代码
2017/12/07 Javascript
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
Python交换变量
2008/09/06 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
深入解析Python中的线程同步方法
2016/06/14 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
Windows下安装Scrapy
2018/10/17 Python
使用Python在Windows下获取USB PID&amp;VID的方法
2019/07/02 Python
python求绝对值的三种方法小结
2019/12/04 Python
详解Scrapy Redis入门实战
2020/11/18 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
澳大利亚最受欢迎的美发和美容在线商店:Catwalk
2018/12/12 全球购物
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
学生自我鉴定
2013/12/18 职场文书
写好自荐信的几个要点
2013/12/26 职场文书
优秀士兵先进事迹
2014/02/06 职场文书
公司行政专员岗位职责
2014/08/24 职场文书
课内比教学心得体会
2014/09/09 职场文书
搞笑老公保证书
2015/02/26 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python