让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 性能优化指南(2)
May 21 Javascript
Jquery实现页面加载时弹出对话框代码
Apr 19 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
jQuery+HTML5实现图片上传前预览效果
Aug 20 Javascript
js 打开新页面在屏幕中间的实现方法
Nov 02 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
vue中rem的配置的方法示例
Aug 30 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
vuex的使用和简易实现
Jan 07 Vue.js
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常用函数的用法详解
2013/05/10 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
php实现多城市切换特效
2015/08/09 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
比较完整的微信开发php代码
2016/08/02 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
document.documentElement的一些使用技巧
2013/04/18 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
深入理解jQuery()方法的构建原理
2016/12/05 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
2017/10/24 Javascript
js实现导航跟随效果
2018/11/17 Javascript
JavaScript惰性求值的一种实现方法示例
2019/01/11 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
解决python文件字符串转列表时遇到空行的问题
2017/07/09 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
python3.6+django2.0+mysql搭建网站过程详解
2019/07/24 Python
Python类成员继承重写的实现
2020/09/16 Python
python使用正则表达式匹配txt特定字符串(有换行)
2020/12/09 Python
教你一分钟在win10终端成功安装Pytorch的方法步骤
2021/01/28 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
英国最大的独立家具零售商:Furniture Village
2016/09/06 全球购物
美国孕妇装品牌:Destination Maternity
2018/02/04 全球购物
倩碧英国官网:Clinique英国
2018/08/10 全球购物
STP协议的主要用途是什么?为什么要用STP
2012/12/20 面试题
道德模范先进事迹
2014/02/14 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
Redis字典实现、Hash键冲突及渐进式rehash详解
2021/09/04 Redis