延迟js代码的加载加快网页访问速度

延迟js代码的加载加快网页访问速度:
javascript代码能够给网页带来丰富多彩的效果,但是也有一个问题,如果代码多了,可能会导致网页加载速度缓慢,严重影响用户体验,如果能够使js代码延迟加载,那么网页的加载速度就会快很多,下面就简单介绍一下如何实现此效果。
解决方案一:

<script type="text/javascript" src="" id="thejs"></script> 
<script type="text/javascript"> 
setTimeout("document.getElementById('thejs').src='js.js'; ",3000);
</script>

 以上代码可以在3秒之后加载js脚本文件,留出时间加载网页其他内容。

解决方案二:
由于代码是顺序执行的,可以在将js代码或者文件放在网页的地步,等网页内容加载完毕之后再执行加载执行js代码,着同样可以加快速度。
解决方案三:
使用"loadding..."类似的效果,就是在网页加载完成后,网页需要js动态加载的内容呈现正在加载的效果,这样可以提高网页的体验。这里就不多介绍了,具体可以参阅javascript实现的loading正在加载的实例代码一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9546

更多内容可以参阅:http://www.softwhy.com/javascript/

猜你喜欢

转载自softwhy.iteye.com/blog/2270191
今日推荐