让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 UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
May 23 Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
jackson解析json字符串,首字母大写会自动转为小写的方法
Dec 22 Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 Javascript
解决vue-cli + webpack 新建项目出错的问题
Mar 20 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
web页面和微信小程序页面实现瀑布流效果
Sep 26 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 Javascript
JavaScript缺少insertAfter解决方案
Jul 03 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运算符的知识大全
2011/11/03 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
学习php设计模式 php实现抽象工厂模式
2015/12/07 PHP
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
纯js实现div内图片自适应大小(已测试,兼容火狐)
2014/06/16 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
Vue cli+mui 区域滚动的实例代码
2018/01/25 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
JD Sports西班牙:英国领先的运动服装公司
2020/01/06 全球购物
总经理秘书工作职责
2013/12/26 职场文书
电脑租赁公司创业计划书
2014/01/08 职场文书
教师新年寄语
2014/04/03 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
房屋租赁合同协议书范本
2014/10/19 职场文书
2015年光棍节活动总结
2015/03/24 职场文书
给领导敬酒词
2015/08/12 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python