js 延迟加载提高网页加载速度的实现方法

1、延迟加载js代码

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

有效提高了网页的加载速度。

2、js最后加载
1）方法1
插入代码:

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

当然,那个LOADING…可以换成自己喜欢的小图片，更有效果感。
然后在页面最底端插入:

<span id=”AD_L4EVER”>你的JS代码在这里!</span >
<script>L4EVER.innerHTML=AD_L4EVER.innerHTML;AD_L4EVER.innerHTML=”";</script>

2）、方法2
JS最后加载
这个牵涉到网页的加载顺序问题，例如引入外部js脚本文件时，如果放入html的head中,则页面加载前该js脚本就会被加载入页面，而放入body中，则会按照页面从上倒下的加载顺序来运行javascript的代码，可以把js外部引入的文件放到页面底部，来让js最后引入，从而加快页面加载速度。

大家快亲自试试吧，看看修改前后的加载速度，是不是有了很大的变化呢？！

您可能感兴趣的文章：
js 延迟加载提高网页加载速度的实现方法
jquery.lazyload 实现图片延迟加载jquery插件
jquery延迟加载外部js实现代码
使用jquery插件实现图片延迟加载技术详细说明
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
jquery图片延迟加载 前端开发技能必备系列
提升优化ie9浏览器的速度方法
CSS混合风格按钮 无延迟翻转图形技巧
jquery插件lazyload.js延迟加载图片的使用方法
Y710 cube Killer LAN延迟优化没有效果