让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 相关文章推荐
[原创]静态页面也可以实现预览 列表不同的显示方式
Oct 14 Javascript
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
Oct 04 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
Node.js连接Sql Server 2008及数据层封装详解
Aug 27 Javascript
Vue 进阶之路(三)
Apr 18 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
精读《Vue3.0 Function API》
May 20 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桌面中心(三) 修改数据库
2007/03/11 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
php防止sql注入代码实例
2013/12/18 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
php使用pdo连接sqlite3的配置示例
2016/05/27 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
jQuery 插件 将this下的div轮番显示
2009/04/09 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
ie9 提示'console' 未定义问题的解决方法
2014/03/20 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
extjs 时间范围选择自动判断的实现代码
2014/06/24 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
Javascript数组循环遍历之forEach详解
2016/11/07 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
在vue项目中引入vue-beauty操作方法
2019/02/11 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
python读取目录下最新的文件夹方法
2018/12/24 Python
深入理解Python 多线程
2020/06/16 Python
Python项目打包成二进制的方法
2020/12/30 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
小学生演讲稿大全
2014/04/25 职场文书
食品安全承诺书
2014/05/22 职场文书
导游词欢迎词
2015/02/02 职场文书
个人年底工作总结
2015/03/10 职场文书
酒店人事主管岗位职责
2015/04/11 职场文书
2015暑假假期总结
2015/07/13 职场文书
原生Js 实现的简单无缝滚动轮播图的示例代码
2021/05/10 Javascript