让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下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
javascript div 遮罩层封锁整个页面
Jul 10 Javascript
javascript 表单验证常见正则
Sep 28 Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
Aug 19 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
js实现3D图片展示效果
Mar 09 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
说说node中的可读流和可写流的区别
Jun 01 Javascript
vue element-ui之怎么封装一个自己的组件的详解
May 20 Javascript
vue.js实现h5机器人聊天(测试版)
Jul 16 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 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求小于1000的所有水仙花数的代码
2012/01/10 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
laravel批量生成假数据的方法
2019/10/09 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
JqGrid web打印实现代码
2011/05/31 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
关于jquery form表单序列化的注意事项详解
2017/08/01 jQuery
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
vue+axios 拦截器实现统一token的案例
2020/09/11 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
python检测lvs real server状态
2014/01/22 Python
Python中的面向对象编程详解(上)
2015/04/13 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
python:接口间数据传递与调用方法
2018/12/17 Python
python 通过SSHTunnelForwarder隧道连接redis的方法
2019/02/19 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
关于html字符串正则判断和匹配的具体使用
2019/12/12 HTML / CSS
Burberry英国官网:英国标志性奢侈品牌
2017/03/29 全球购物
英国最大的海报商店:GB Posters
2018/03/20 全球购物
工作犯错保证书
2015/05/11 职场文书
初三英语教学反思
2016/02/15 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
vscode中使用npm安装babel的方法
2021/08/02 Javascript
java代码实现空间切割
2022/01/18 Java/Android