西峰住房和城乡建设局网站,搜狗链接提交入口,高端论坛网站建设,杭州的设计网站建设相对与HTML,CSS#xff0c;javascript是最影响浏览器性能的#xff0c;因为浏览器在遇到《script》标签时#xff0c;必须等待js代码下载和执行完毕后再执行后面的内容#xff0c;因此当页面中js文件过多时#xff0c;网站访问速度明显下降。然而#xff0c;现在的web应用…相对与HTML,CSSjavascript是最影响浏览器性能的因为浏览器在遇到《script》标签时必须等待js代码下载和执行完毕后再执行后面的内容因此当页面中js文件过多时网站访问速度明显下降。然而现在的web应用用到js只会越来越多那么我们如何有效组织js代码来提高网站的性能呢通过相关资料我总结了以下需要注意的几点。1、将script标签置于网页底部一般置于标签之前。这样用户不必等待js加载并执行完成后就可以完整的浏览整个网页。2、将多个js文件合并到一个url中加载以减少http请求。对于此点可阅读 http://dancewithnet.com/2010/06/08/minify-js-and-css-files-in-server/3、通过js动态创建《script》标签动态加载js文件以达到无阻赛的加载脚本可以写一个函数来做这个工作1 function loadScript(url,callback){2 var scriptdocument.createElement(script);3 script.typetext/javascript;4 if(script.readyState){5 //ie 浏览器6 script.onreadystatechangefunction(){7 if(script.readyStateloaded || script.readyStatecomplete){8 script.onreadystatechangenull;9 callback();10 }11 }12 }else{13 script.οnlοadfunction(){14 callback();15 }16 }17 script.srcurl;18 document.getElementByTagName(head)[0].appendChild(script);19 }以上这种方式是一种跨浏览器的非常易用的方法也可以通过XMLHttpRequest脚本注入的方式但此方式有跨域的限制所以推荐上面的方式。互联网上有很多这样的js库供我们下载使用Lazyload类库下载地址http://github.com/rgrove/lazyload/使用方法PHP1.CN | 中国最专业的PHP中文社区 | json解析格式化 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有 京ICP备19059560号-4
