让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实现图片广告轮换效果代码
Jul 07 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
Feb 04 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
javascript+ajax实现产品页面加载信息
Jul 09 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
jquery实现手机端单店铺购物车结算删除功能
Feb 22 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 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中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
php去除换行符的方法小结(PHP_EOL变量的使用)
2013/02/16 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
js文件中调用js的实现方法小结
2009/10/23 Javascript
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
jquery ajax return没有返回值的解决方法
2011/10/20 Javascript
jQuery中需要注意的细节问题小结
2011/12/06 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
JavaScript判断微信浏览器实例代码
2016/06/13 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
layui导航栏实现代码
2017/05/19 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
layui-laydate时间日历控件使用方法详解
2018/11/15 Javascript
ionic3双击返回退出应用的方法
2019/09/17 Javascript
JavaScript实现京东放大镜效果
2019/12/03 Javascript
原生js+canvas实现下雪效果
2020/08/02 Javascript
[55:39]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第二场 1月19日
2021/03/11 DOTA
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python KMeans聚类问题分析
2018/02/23 Python
Python输出\u编码将其转换成中文的实例
2018/12/15 Python
解决python tkinter界面卡死的问题
2019/07/17 Python
python2.7实现复制大量文件及文件夹资料
2019/08/31 Python
python 获取谷歌浏览器保存的密码
2021/01/06 Python
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
德国童装购物网站:NICKI´S.com
2018/04/20 全球购物
德国高端单身人士交友网站:ElitePartner
2018/12/02 全球购物
幼儿园父亲节活动方案
2014/03/11 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
政治表现评语
2014/05/04 职场文书
投资意向书
2014/07/30 职场文书
大学生入党积极分子自我评价
2014/09/20 职场文书
幼儿园国庆节活动总结
2015/03/23 职场文书
Nginx配置之实现多台服务器负载均衡
2021/08/02 Servers