js文件最后加载(在window.load事件发生后再加载js文件),用于解决因jQuery等js库导致网页加载慢的问题

王朝学院·作者佚名  2016-05-22
窄屏简体版  字體: 小  |  中  |  大  |  超大  

js文件最后加载(在window.load事件发生后再加载js文件),用于解决因jQuery等js库导致网页加载慢的问题需引入文件:lazyload-min.js

<script src="JS/lazyload-min.js" type="text/javascript"></script>

插入代码:

function loadscript() { LazyLoad.loadOnce([ 'JS/touch.js', 'http://libs.baidu.com/jquery/1.2.3/jquery.min.js' ], loadComplete); }setTimeout(loadscript, 0);

实现在window.load事件完成0秒后加载touch.js与jquery.min.js两个文件

我们知道在PC浏览器上DOM加载顺序为:

解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。在移动浏览器特别是移动壳应用浏览网页的时候,会先加载js文件再加载其他结构,如果加载的js文件较多,会让用户看到很长时间的白屏状态,降低用户体验。

还可以加上$("img").lazyload(); 使图片最后加载,当然要先引入jQuery。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航