网站Web端访问性能提升技巧总结.docx

网站Web端访问性能提升技巧总结高性能网站建设指南>是一本非常有人气的讲解Web优化的书籍,本文就根据书中对前端的一些经验分享作了网站Web端访问性能提升技巧总结,需要的朋友可以参考下《高性能网站建设指南》这本书里为Web性能提升设置了14条规则: : 一、理解Ajax性能做性能优化时,不要浪费时间去尝试为那些不消耗大量时间的代码提速。通常浏览器在运行javascript上花费的时间很少,绝大部分时间消耗在DOM上。 Ajax提供了取代页面替换的有效方案,善加利用Ajax能使应用程序运行的更快。二、创建快速响应的WEB应用如何定义快速呢? ,页面会给人不够平滑快捷的感觉;执行时间超过1秒,则会感到应用程序缓慢;超过10秒,用户会非常沮丧。 javascript是单线程的! 在页面上任何开销很大的(例如,长时间运行)javascript操作都应该委托给WebWorker。在XMLHttpRequest的异步模式中,XHR实质上就是一个拥有专用API的WebWorker。内存对响应时间的影响: ,会冻结整个运行环境,直到遍历完整个创建对象的“堆”。随着应用程序内存占用的增加,遍历整个堆去查找用户不再使用的对象所需要的时间最终会引起用户的注意。 ,迫使操作系统开始内存分页,系统把内存页从物理内存转移到虚拟内存(例如从RAM到硬盘)。如果确定内存有问题,可以通过以下两种方式清理内存: 、拆分初始化负载可以把javascript代码拆分到不同的组,第一组包含初始化页面所必须的函数,剩下的则在这些代码需要执行时按需加载它们,或者等到初始化的那些javascript代码加载完毕时再加载。四、无阻塞加载脚本浏览器在下载和解析javascript脚本时,不仅会阻塞页面中其他内容的下载,还会阻塞脚本后面所有元素的渲染。浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或javascript的命名空间。很显然javascript脚本没有必要按顺序下载,这方面IE8走在了前面,IE8是第一个支持脚本并行下载的浏览器。下面列出异步加载脚本的技术: :该技术用过XHR从服务器获得脚本,然后通过eval执行脚本内容。 :类似于XHReval,但是与eval不同的是,该机制是通过创建一个script的DOM元素,然后把XHR的响应注入到script中执行javascript。 :该技术使用javascript动态创建scriptDOM元素并设置其src属性。下载过程中用这种方式创建脚本不会阻塞其他组件。和前面的技术相比,该技术允许跨域获取脚本。