Web应用异步渲染优化技术小结
2011-11-17 21:29
363 查看
设计前提
1. 性能尽可能高
2. 尽量减少Http请求数量,如一个Page只有一对Request和Response。从而方便搜索引擎的检索。
3. 并行执行业务逻辑(Action)
一、将页面划分为多个部分(组件或窗口,widget),每个部分的实际内容放置占位符(以便后面的输入填入)。
具体填入方法
二、先将页面框架推出(flush)至客户端(浏览器)
三、后台同时并行执行各个部分(也即widget)的业务逻辑,耗时情况不一样
四、谁先执行完即谁先推出(flush)自己的内容至客户端(实际上渲染出的内容为js代码(+html代码),以调用第二步页面框架中预先定义好的js方法以在对应位置填充内容)
1. 性能尽可能高
2. 尽量减少Http请求数量,如一个Page只有一对Request和Response。从而方便搜索引擎的检索。
3. 并行执行业务逻辑(Action)
一、将页面划分为多个部分(组件或窗口,widget),每个部分的实际内容放置占位符(以便后面的输入填入)。
具体填入方法
二、先将页面框架推出(flush)至客户端(浏览器)
三、后台同时并行执行各个部分(也即widget)的业务逻辑,耗时情况不一样
四、谁先执行完即谁先推出(flush)自己的内容至客户端(实际上渲染出的内容为js代码(+html代码),以调用第二步页面框架中预先定义好的js方法以在对应位置填充内容)
相关文章推荐
- 上周技术关注:Flickr的开发者的Web应用优化技巧
- Web 应用性能优化黄金法则
- 使用 RequireJS 优化 Web 应用前端
- 移动应用开发技术选型:WebApp>HybridApp>NativeApp
- Flickr 的开发者的 Web 应用优化技巧(转)
- Web开发技术应用系统设计报告
- 用双缓存技术优化listview异步加载网络图片
- 尽管关于Java中文问题的讨论已经相当多了,但由于Java的相关技术标准繁多,面向Java的Web服务器、应用服务器以及JDBC数据库驱动等都没有官方的标准,所以Java应用在处理中文时所存在的问
- [原创]WCF技术剖析之十一:异步操作在WCF中的应用(上篇)
- web前端页面性能优化小结
- AMD和RequireJS初识----优化Web应用前端
- 体验Web技术魅力:25个HTML5 应用实验
- 使用 RequireJS 优化 Web 应用前端
- 应用索引技术优化SQL 语句(转)
- web应用性能优化经验总结
- 从web浏览器的渲染到性能优化
- HTTP学习笔记12 构建Web应用的技术
- 基于Web应用的性能分析及优化案例
- 关于大型网站技术演进的思考(二十)--网站静态化处理—web前端优化—中(12)
- 未来web浏览技术提前体验:10个会让你惊叹不已的HTML5画布(canvas)技术应用演示