js 延迟加载 改变JS的位置加快网页加载速度


Posted in Javascript onDecember 11, 2012

当一个网站有很多js代码要加载,js代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点:
1、延迟加载js代码

<script type=”text/javascript” src=”" id=”my”></script> 
<script type=”text/javascript”> 
setTimeout(“document.getElementById(‘my').src='include/php100.php'; “,3000);//延时3秒 
</script>

这样通过延迟加载js代码,给网页加载留出更多的时间!

2、js最后加载方案一
在需要插入JS的地方插入以下代码:
程序代码

<span id=”L4EVER”>LOADING…</span>

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.
然后在页面最底端插入:
程序代码
<span id=”AD_L4EVER”>你的JS代码在这里!</span > 
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>

3、让JS最后加载方案二
这个牵涉到网页的加载顺序问题,例如引入外部js脚本文件时,如果放入html的head中,则页面加载前该js脚本就会被加载入页面,而放入body中,则会按照页面从上倒下的加载顺序来运行javascript的代码~~~ 所以我们可以把js外部引入的文件放到页面底部,来让js最后引入,从而加快页面加载速度。
Javascript 相关文章推荐
document.documentElement &amp;&amp; document.documentElement.scrollTop
Dec 01 Javascript
js每次Title显示不同的名言
Sep 25 Javascript
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
Jul 04 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
jquery实现网站列表切换效果的2种方法
Aug 12 Javascript
js HTML5手机刮刮乐代码
Sep 29 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
mpvue性能优化实战技巧(小结)
Apr 17 Javascript
Angular8引入百度Echarts进行图表分析的实现代码
Nov 27 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
js控制CSS样式属性语法对照表
Dec 11 #Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 #Javascript
ajax的hide隐藏问题解决方法
Dec 11 #Javascript
ajax上传时参数提交不更新等相关问题
Dec 11 #Javascript
jQuery(非HTML5)可编辑表格实现代码
Dec 11 #Javascript
jQuery使用数组编写图片无缝向左滚动
Dec 11 #Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 #Javascript
You might like
融入意大利的咖啡文化
2021/03/03 咖啡文化
支持oicq头像的留言簿(一)
2006/10/09 PHP
PHP项目开发中最常用的自定义函数整理
2010/12/02 PHP
php中json_encode中文编码问题分析
2011/09/13 PHP
PHP生成Gif图片验证码
2013/10/27 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
Smarty模板简单配置与使用方法示例
2016/05/23 PHP
PHP模糊查询的实现方法(推荐)
2016/09/06 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
JavaScript中SQL语句的应用实现
2010/05/04 Javascript
js获取height和width的方法说明
2013/01/06 Javascript
Javascript alert消息换行的方法
2013/08/07 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
javascript实现树形菜单的方法
2015/07/17 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
Javascript实现找不同色块的游戏
2017/07/17 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
Python中使用PIPE操作Linux管道
2015/02/04 Python
Python多层嵌套list的递归处理方法(推荐)
2016/06/08 Python
理解Python中的绝对路径和相对路径
2017/08/30 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
python tkinter实现屏保程序
2019/07/30 Python
用python生成与调用cntk模型代码演示方法
2019/08/26 Python
深入解读CSS3中transform变换模型的渲染
2016/05/27 HTML / CSS
自考生毕业自我鉴定
2013/10/10 职场文书
大学生求职简历的自我评价
2013/10/21 职场文书
夜班门卫岗位职责
2013/12/09 职场文书
扬尘污染防治方案
2014/06/15 职场文书
Vue CLI中模式与环境变量的深入详解
2021/05/30 Vue.js
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫