让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
2023-06-13 09:15:32 时间
通常我们的网站里面会加载一些js代码,统计啊,google广告啊,百度同盟啊,阿里妈妈广告代码啊,
一堆,最后弄得页面加载速度很慢,很慢。
解决办法:换一个js包含的方式,让javascript加载速度倍增。
把通常加载方式:
<scriptsrc="xxxx.js"></script>
改变成:
<scripttype="text/javascript">
document.write("<scr"+"iptsrc=\"xxx.js\"></sc"+"ript>")
</script>
举个例子:
比如下面是申请的站长统计代码,以前尽管是把它放在页面的最底部,但还是拖累页面加载进度。
<scriptsrc="http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic"language="JavaScript"charset="gb2312"></script>
我们可以把它换成这样的方式来加载(任然放在页面最底部):
<scripttype="text/javascript">
document.write("<scr"+"iptsrc=\"http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=pic\"language=\"JavaScript\"charset=\"gb2312\"></sc"+"ript>")
</script>
速度快多了。
其它的js如法炮制,广告的,页面特效的。。。
最后再废话几句:
用
<scripttype="text/javascript">
document.write("<scr"+"iptsrc=\"xxx.js\"></sc"+"ript>")
</script>
的方式,还可实现按需按条件的来加载你要的JS文件:
<scripttype="text/javascript">
if(心情好){document.write("<scr"+"iptsrc=\"xxx.js\"></sc"+"ript>")}
</script>
这样要是“心情不好”,就自然不会载入你不想要的JS文件了。
相关文章
- JavaScript高级(6)
- = “红宝书”_JavaScript高级程序设计(第4版) 之「JS的前世今生」
- JavaScript——入门知识
- js中四舍五入的方法_JS取整
- javascript动画效果_js动画效果animate
- 【原创】JavaScript中常用的选择结构
- Memlab,一款分析 JavaScript 堆并查找浏览器和 Node.js 中内存泄漏的开源框架
- 嵌入式新开发模式(JavaScript)--C端与JS端方法调用
- JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎
- JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言
- Javascript基础 – js中曾经忽略的知识点详解编程语言
- JavaScript连接MySQL数据库:深入解析(js链接mysql)
- 深入理解JavaScript调用MongoDB的方法(js调用mongodb)
- JS实时链接Oracle让数据库访问更便捷(js实时连接oracle)
- 使用Oracle和JS开发新一代应用仿真世界(oracle js)
- 记录几个javascript有关的小细节
- javascript(js)join函数使用方法介绍
- Javascript更新JavaScript数组的uniq方法
- javascript学习之旅(3)
- JavaScript验证浏览器是否支持javascript的方法小结
- javascript打开页面window.location和window.open的区别
- JavaScript中使用replace结合正则实现replaceAll的效果
- 可以用来调试JavaScript错误的解决方案
- jquery下组织javascript代码(js函数化)
- 网易JS面试题与Javascript词法作用域说明
- javascript使td内容不换行不撑开
- FileUpload使用Javascript检查扩展名是否有效实现思路
- JavaScript:new一个函数和直接调用函数的区别分析
- PHP加密函数Javascript/Js解密函数
- JavaScript中实现依赖注入的思路分享
- Javascript的setTimeout()使用闭包特性时需要注意的问题