欢迎来到天天文库
浏览记录
ID:30519793
大小:19.66 KB
页数:8页
时间:2018-12-31
《网站web端访问性能提升技巧总结》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解网站Web端访问性能提升技巧总结 高性能网站建设指南>是一本非常有人气的讲解Web优化的书籍,本文就根据书中对前端的一些经验分享作了网站Web端访问性能提升技巧总结,需要的朋友可以参考下 《高性能网站建设指南》这本书里为Web性能提升设置了14条规则: 1.尽量减少HTTP请求 2.使用CDN 3.添加Expires头 4.采用Gzip压缩组件 5.将样式表放在顶部 6.将脚本放在底部 7.避免CS
2、S表达式 8.使用外部的javascript和CSS 9.减少DNS查询 10.精简javascript 11.避免重定向 12.删除重复的脚本 13.配置ETag 14.使Ajax可缓存 下面是一些基本总结: 一、理解Ajax性能对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 做性能优化时,不要浪费时间去尝试为那些不
3、消耗大量时间的代码提速。 通常浏览器在运行javascript上花费的时间很少,绝大部分时间消耗在DOM上。 Ajax提供了取代页面替换的有效方案,善加利用Ajax能使应用程序运行的更快。 二、创建快速响应的WEB应用 如何定义快速呢? javascript代码执行时间超过0.1秒,页面会给人不够平滑快捷的感觉;执行时间超过1秒,则会感到应用程序缓慢;超过10秒,用户会非常沮丧。 javascript是单线程的! 在页面上任何开销很大的(例如,长时间运行)javascript操作都应该委托给WebWorker。 在XMLHttpReque
4、st的异步模式中,XHR实质上就是一个拥有专用API的WebWorker。 内存对响应时间的影响: 1.在GC执行回收时,会冻结整个运行环境,直到遍历完整个创建对象的“堆”。随着应用程序内存占用的增加,遍历整个堆去查找用户不再使用的对象所需要的时间最终会引起用户的注意。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 2.网页内存需求
5、增长到足够大,迫使操作系统开始内存分页,系统把内存页从物理内存转移到虚拟内存(例如从RAM到硬盘)。 如果确定内存有问题,可以通过以下两种方式清理内存: 1.使用delete关键字从内存中移除不再需要的javascript对象 2.从DOM树中移除不再是必须的节点 三、拆分初始化负载 可以把javascript代码拆分到不同的组,第一组包含初始化页面所必须的函数,剩下的则在这些代码需要执行时按需加载它们,或者等到初始化的那些javascript代码加载完毕时再加载。 四、无阻塞加载脚本 浏览器在下载和解析javascript脚本时,不仅会阻
6、塞页面中其他内容的下载,还会阻塞脚本后面所有元素的渲染。 浏览器在下载和执行脚本时出现阻塞的原因在于,脚本可能会改变页面或javascript的命名空间。 很显然javascript脚本没有必要按顺序下载,这方面IE8走在了前面,IE8是第一个支持脚本并行下载的浏览器。 下面列出异步加载脚本的技术: 1.XHReval:该技术用过XHR从服务器获得脚本,然后通过eval执行脚本内容。 2.XHR注入:类似于XHReval,但是与eval对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人
7、民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解不同的是,该机制是通过创建一个script的DOM元素,然后把XHR的响应注入到script中执行javascript。 3.ScriptDOMElement:该技术使用javascript动态创建scriptDOM元素并设置其src属性。下载过程中用这种方式创建脚本不会阻塞其他组件。和前面的技术相比,该技术允许跨域获取脚本。 4.Scriptdefer属性:HTML4为script标签定义了一个
8、扩展属性:defer。带有defer属性的JavaScript文件下载时,它不会
此文档下载收益归作者所有