Ajax 优化，用户体验优化

编程技术  /  houtizong 发布于 3年前   53

最近一段时间一直都在看网站优化的内容，我关注的不外乎两点：速度的优化与用户体验的优化。

JavaScript

一直泡在 IBM 开发社区里，多多少少还是有点收获的，至少在以前的基础上有了不小的提高，其中 Ajax 和 XML: 五种 Ajax 反模式 直接了当指出了五种最容易陷入的 ajax 陷阱。虽然说这几点内容都是很简单的，但是往往实际开发中就是这类失误容易被忽略，为整站的速度埋下不稳定因素。

总结出来以下几点：

1、过多的，或者不合理的使用定时器（window.setInterval），将导致客户端资源枯竭，同时大量浪费服务器资源；

2、对于用户行为触发的行为，应当考虑在适当的时间点调用相应的处理机，而不是一触发就运行。最普遍的例子就是 tab 选项卡。用鼠标点击代替鼠标滑过切换选项卡，能得到更好的用户体验，避免不同内容闪动的错觉。

3、准确判断服务器返回状态，对于不同的状态应当有不同的处理，当然，要包括错误处理、异常处理。相信没有一个用户会知道点了某个按钮没有反应到底是怎么回事，他们也不会注意到浏览器状态栏里 "Script Error" 的字样。

4、 使用适当的方式来描述数据。这一点在大量应用 Ajax 技术的站点尤为重要，返回 XML，HTML，JavaScript 片段，还是 JSON 数据，都需要根据实际需求来判断。这一点改进能够在很大程度上提升站点的响应速度，还能减少服务器资源的消耗。

5、应用正确的、合理的 html 结构。单纯的 JavaScript 应用对于一个网站来说只能是点缀，结合适当的 DOM 模型才能产生出多种多样的效果，给用户带来更好、更便捷的体验。合理的结构对搜索引擎来说更为友好。

User Experience 

用户体验永远是一个成功的站点关注的焦点，无论是设计师，还是开发者，都应该有深入的了解。我的切身体验告诉我，一个了解用户心理的开发人员，在架构的设计、细节的处理、功能的定位上，都能够和设计师很好的交流，从而得出一个非常好的解决方案。我个人认为，国内的很多站点就是因为缺乏这种意识，使得用户更喜欢国外的设计优秀的站点，尤其是对互联网了解比较深入的人群。

这当中，我最欣赏的是 一叶千鸟的 blog ，他对于细节的关注，每一点都一针见血。同样对这类问题研究了这么久，自己对这些细节都没有在意，惭愧啊~~~

用户体验的话题，我觉得很难总结，靠的是一种直觉和经验。多把自己放在用户的位置，再放在普通用户的位置，考虑这个问题，就比较容易得出一个好的解决方案来。