让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 相关文章推荐
会自动逐行上升的文本框
Jun 30 Javascript
Javascript实现重力弹跳拖拽运动效果示例
Jun 28 Javascript
Node.js 的异步 IO 性能探讨
Oct 08 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
简单实现node.js图片上传
Dec 18 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
微信小程序scroll-view仿拼多多横向滑动滚动条
Apr 21 Javascript
JavaScript实现新年倒计时效果
Nov 17 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
vue element-ui实现动态面包屑导航
Dec 23 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
如何在CocosCreator里画个炫酷的雷达图
Apr 16 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/06/23 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
PHP判断来访是搜索引擎蜘蛛还是普通用户的代码小结
2015/09/14 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
学习ExtJS TextField常用方法
2009/10/07 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
javascript获得服务器端控件的ID的实现代码
2011/12/28 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
javascript下拉列表中显示树形菜单的实现方法
2015/11/17 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
2016/04/01 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
Vue.js路由实现选项卡简单实例
2019/07/24 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
python批量修改文件名的实现代码
2014/09/01 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python异步编程之协程任务的调度操作实例分析
2020/02/01 Python
Python面向对象程序设计之静态方法、类方法、属性方法原理与用法分析
2020/03/23 Python
使用Python+Appuim 清理微信的方法
2021/01/26 Python
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
本科生就业推荐信
2014/05/19 职场文书
部门2015年度工作总结
2015/04/29 职场文书
学习雷锋主题班会
2015/08/14 职场文书
Win2008系统搭建DHCP服务器
2022/06/25 Servers