InfoQ

InfoQ

新闻

我的书签

登录注册 以永久保存书签。

该内容已经被标记书签!

标记书签错误,请重试!

怎么让你的Ajax程序在客户端上健步如飞

作者 Robert Bazinet 译者 Frank Cheung 发布于 2008年1月16日

领域
架构 & 设计,
企业架构,
语言 & 开发
主题
Web 2.0 ,
.NET ,
Java ,
Ruby
标签
Web 2.0 ,
AJAX

Ajax甚是火爆,很多人能感受到。但你的Web2.0程序运行起来,却不见得如你想象中的那么理想。了解一些简单的优化技巧就能有所帮助。

最近在Mix 2007上,由领导Internet Explorer团队的资深程序经理Cyra Richardson发表了一篇名位《How-to Make your AJAX Applications Scream on the Client 》的报告,向开发者深入介绍提高客户端程序性能更好的种种途径。

报告阐述了在时下的环境中如何更好地改进AJAX应用程序的性能。尽管报告中所讨论的性能改进的方法集中在Internet Explorer上,但不管是哪种浏览器,这些指导方针都是可以遵循的。

这些优化技巧并不依赖于服务端或者嵌入代码所用的语言。所以,无论你在用的是C#、VB.NET写的ASP.NET技术,还是Java、RoR同样适用。

符号解析之优化

如何在迟绑定的环境下提速。讲述从变量到DOM本身的作用域之束缚,以及如何确保不受其拖累。

避免使用低效的JavaScript代码,这个原则适用于所有的浏览器平台,不止 Internet Explorer,FireFox、Safari和其他浏览器亦同样适用:

JavaScript代码低效的问题

要在浏览器中高效地操作字符串,建议:
  • 使用局部变量;
  • 从浏览器对象中缓存出字符串;
  • 使用Array.join来连接字符串
其它的注意项:
  • 如非必要勿用eval,以参数化的代码代之;
  • SWITCH处理大集合时代价过高,考虑用放在try/catch中的哈希表来代替;
  • WITH由于处处都需要进行符号查找,代价过高,推荐手工迭代的方式;
  • 不需要自己写get/set访问器
浏览器执行性能的考虑

浏览器中DOM的使用是很昂贵的,特别是由于平台的泛型本质。另外值得注意布局上的改进,诸如悬浮CSS样式。

用一些简单的优化方法或常识性的手段,就可在HTTP的性能上得到明显的改善:

HTTP性能
简化和“痩身”:
  • Script放在JS文件里面;
  • 样式都放在一个CSS文件中;
  • 更少,更小且无缩放的图片;
  • 简化布局
  • 采用HTTP压缩的手段(深入了解缓存的控制)

对于在Internet Explorer上开发或者是调试的开发者,有下列一些工具以备使用:

工具和技术

  • Internet Explorer的Developer Toolbar
  • Fiddler:HTTP流量监视
  • Ajax View :MS研究院新项目:服务端在运行时改写JavaScript并插入调制代码(instrumentation code)

Web程序员常采用FireFox配合编写JavaScript,FireFox同样有不少的插件可用,包括:

虽然此次技术讨论是来自Internet Explorer团队的成员,但大部分技巧对任何浏览器都是有效的。JavaScript在不同浏览器平台上各有各的实现,不过这些调优方法是通用的。

查看英文原文:How-to Make your AJAX Applications Scream on the Client
译者简介:Frank Cheung有多年Web前端开发经验,动态语言爱好者。结合实际的工作,专注于Ajax和WebUI。可通过他的邮件frank[@]ajaxjs.com联系,讨论Javascript框架的问题。

深度内容

大规模视频网站的计费与流量管理

本次分享将会就大规模视频网站的计费与流量管理这个话题,从操作层面细细进行讲解和分析,为系统工程师们揭示平日里我们没有关心的另一些内容。同时也希望本次分享能揭示行业中的一些“潜规则”,让互联网行业的流量与带宽管理更为开放与简洁。
本次演讲视频录制于QCon杭州2011

专访Jeffrey Richter:Windows 8是微软的重中之重

Jeffrey Richter以其多本Windows核心技术的经典著作而闻名,同时,他深入掌握微软的.NET等一系列核心技术,2012年1月,Jeffrey Richter在北京接受了InfoQ中文站的专访,谈到Windows 8和WinRT编程,并就异步编程、Windows编程中的可扩展性、性能和安全性方面给出自己的建议。

应用云平台的可用性——从新浪SAE看云平台设计

云计算平台的可用性,相比传统互联网服务而言,更加复杂和困难,也更具有挑战性。本文借助新浪SAE云平台为读者讲述了云平台可用性的定义、如何打造高可用的平台,以及对云计算的用户提出了建议。

JVM定制改进 @ 淘宝

淘宝高度重视Java平台的健康发展,组建了一个团队专注于Java平台的底层部分的性能、功能与稳定性改进;工作主要基于OpenJDK中的HotSpot VM开展,其中一些通用的功能随后也会逐渐反馈给OpenJDK社区。希望能与使用Java平台开发应用的大家交流经验。
本次演讲视频录制于QCon杭州2011

"伤得起"的云计算应用——对云端应用之架构的思考

2011年4月21日至22日是值得云计算从业者纪念的日子。Amazon的IaaS服务出现故障,导致许多商业网站的服务中断,影响非常严重。作为云计算用户,我们需要思考的是,如何保证即便在云服务不可用的情况,我们的应用架构仍然能够屹立不倒?本文正是站在云计算用户的角度试图探讨这一问题。

让交付的速度跟上思考的速度

12人的技术团队,4组刀片服务器,每月20亿的访问量,每日1次准时部署,99.9%的可用性。这可能吗?当然。想知道如何做的吗?百姓网将与您分享他们在DevOps实践过程中的经验和技巧。
本次演讲视频录制于QCon杭州2011

架构之路——穿行在产品和业务之间

篱笆作为一家起源于社区的电子商务公司,反映到技术层面就是同时要面对产品和业务,以及经营战略的变化调整。如何在产品和业务的夹缝之间完成技术架构的抽象与平衡,寻找更有效的价值定位,这当中有些经验教训和个人感悟愿与众人分享。
本次演讲视频录制于QCon杭州2011

特性注入:成功三部曲

本文将对特性注入以及相关方法做一个扫盲性的介绍。我们会解释这个框架的关键要素,并附上实例来证实它们。为了让文章保持相对较短,我们不会深入到某个工具或方法中,而是会给出一些参考资料,以便大家做进一步的研究。