欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

高性能网页开发规约(转)

更新时间: 2014-01-05 01:55:36 责任编辑: Author_N1

 

高性能网页开发规则(转)

1、原则一如果能使页面HTML显示跟后台处理同时进行,这是一个比较好的方式; 

比如说将页面上容易显示的部分优先反馈给浏览器,然后再接着继续处理下面的步骤这样比较; 

象PHP中在HTML的<head>后可以使用flush()方法,提前将部分信息返回给客户端,通常有CSS、JS等信息;然后可以将JS、CSS打包 压缩 尽量减少HTTP的请求次数。 


2、POST请求将执行两步,首先发送信息头,然后才识传送数据;而GET方式只是用一个TCP数据包传递,速度要快一些,如果仅仅是为获得数据而非发送数据给服务器时,使用GET更好。IE中URL的最大长度为2K。 


3、后加载组件,确定哪些数据是页面显示时就必须的,确定之后那些不必须就的可以通过JS控制onload来实现延迟加载;如拖动页面元素、或页面排序等的JS可以采取延迟加载;YUI库提供图片延迟加载功能; 


4、第一次访问站点比较慢的原因是没有缓存过,之后访问就会直接取缓存的数据。 


5、不要滥用table和div,只有当它有确实语义的时候才使用,不要为了换行,格式化,显示效果等原因使用div; 

DOM的数据可以在firebug的console中输入document.getElementsByTagName('*').length获得; 

页面HTML标签数量理想状态下应控制在700以下。 


6、最占响应时间的是客户端组件的请求响应速度,建议将组件从不同域名下载,可达到并发的目的; 

HTTP1.1协议建议允许并发下载,IE8支持6个并发请求;但是DNS有查询损耗,域名不要超过2-4个; 


7、iframe要尽量少用; 

优点:有延迟加载功能,能并发的请求响应; 

缺点:即便是个空的html文件在iframe里面,消耗也是相当高的,不利于提高响应速度;而且它会阻止整个页面的onload的响应。 


8、应当尽量阻止404没有资源响应的错误,因为它会阻止其他组件的并发,浏览器会一直尽力的去解析404请求的内容。 


9、cookie是用于身份认证尤其是个性化等操作,它是在http的请求头中进行交换的,它体积越大,则响应越慢; 

每3000字节的cookie在DSL的带宽中会增加80毫秒的响应; 

所以除去不必要的cookie,已经使用短小的文件名和尽可能小的减少cookie的大小都有利于改善响应时间; 


10、避免使用JS大面积的操作DOM,修改页面布局,这样速度很慢; 


11、采用JS时,尽量使用事件委托,就象jquery通过类绑定一样,避免每个按钮都去绑定一个JS,应通过循环来实现绑定;

 

12、使用<link>标签而不使用IE的@import有利于提高用户体念; 


13、优化图片; 


14、压缩JS软件 JSMIN 

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:55:36
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3181/
本文WWW.DOC100.NET DOC100.NET版权所有。