让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 继承详解(三)
Jul 13 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
使用BootStrap和Metroui设计的metro风格微网站或手机app界面
Oct 21 Javascript
Extjs表单输入框异步校验的插件实现方法
Mar 20 Javascript
Vuex之理解Store的用法
Apr 19 Javascript
使用veloticy-ui生成文字动画效果
Feb 08 Javascript
详解Vue用cmd创建项目
Feb 12 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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获取mysql版本的几种方法小结
2008/03/25 PHP
PHP Session_Regenerate_ID函数双释放内存破坏漏洞
2011/01/27 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
深入分析js中的constructor和prototype
2012/04/07 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
jQuery Mobile框架中的表单组件基础使用教程
2016/05/17 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
2019/09/16 Javascript
js实现时间日期校验
2020/05/26 Javascript
解决vue刷新页面以后丢失store的数据问题
2020/08/11 Javascript
[02:16]DOTA2超级联赛专访Burning 逆袭需要抓住机会
2013/06/24 DOTA
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
python学习数据结构实例代码
2015/05/11 Python
详解Python最长公共子串和最长公共子序列的实现
2018/07/07 Python
Python3爬虫学习入门教程
2018/12/11 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
Python 如何提高元组的可读性
2019/08/26 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
python实现mask矩阵示例(根据列表所给元素)
2020/07/30 Python
Python多线程的退出控制实现
2020/08/10 Python
python实现画图工具
2020/08/27 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
得到Class的三个过程是什么
2012/08/10 面试题
用C#语言写出在本地创建一个UDP接收端口的具体过程
2016/02/22 面试题
社会实践活动总结范文
2014/07/03 职场文书
单位租车协议书
2015/01/29 职场文书
公司总经理岗位职责
2015/04/01 职场文书
获奖感言范文
2015/07/31 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书
python ansible自动化运维工具执行流程
2021/06/24 Python
MySQL笔记 —SQL运算符
2022/01/18 MySQL
Python学习之迭代器详解
2022/04/01 Python