大型Web架构思想系列专题之-精工细作

好几天都没写东西了，不知道是不是最近天气湿冷的原因。凑巧今天天气不错，在阳光的沐浴下开始了今天的专题分享。

上几次我们都一直在讨论大型站点的内核，就像我们在讨论一辆汽车的发动机一样，实际上我们更像是在讨论一艘航母的动力系统。现在常听都是靠核裂变运转的核动力航母，但是也有人在设想出现核聚变反应堆的航母。就像我们以前经常碰到数据库驱动瓶颈，然后出现很多分布式部署架构-XX数据库群、XX服务器群、XX存储器群等等。今后可能还会碰到更多的问题，就像“海上浮动机场”的宿命一样-未来可能将向隐形化发展。不管怎样，即便再好的动力设施，也需要很多部件的配合及合理的设计。如果核动力仅仅是用来排水的，我想这样的航母不会有人称赞的。网站也是如此。让我想起曾经招聘的时候，时常会聊到之前的一些案例。就会跟他们探讨网站有什么独特之处，听到的结果出奇的一致，譬如：我这个站用了Oracle，用了企业级硬件防火墙，还用了IBM服务器云云。所以应用xx学也就衍生出来许多。说到应用真的要感谢很多在业内默默奉献的战士们，他们提供很多开源的应用技术解决方案。很难想象没有他们的支撑会是怎样，也许就不会有这么多的问题了吧，呵呵...

用户体验

经常会听到有人在讨论页面的美观问题，但是很少有人站在用户体验的角度思考问题。一张页面被打印出来，我们暂且不管他是如何被打印出来的，但是它输出来的就是一段控制浏览器显示的脚本而已。的确就是这么简单，但是输出的页面也是有很多名堂在里面的。例如色彩的选择，功能模块的位置，合理的用户提示等等都至关重要。

通常站点我们都用CSS控制页面样式，JS控制客户端流程，通过对Http请求时间及加载顺序的分析得出以下结论：样式表和客户端脚本尽量放在页面顶部。这样在网络拥塞的时候就会避免很多尴尬的局面。我做过试验，把CSS、JS都在页面尾部加载，并在服务器加上高负载。打开这个页面就会开始出现一堆乱七八糟的文字和色块，晃了一下随后整个页面显示正常。页面是从上到下的顺序加载，每当碰到一个新的HttpRequest就开启另一个新的线程请求资源，从而形成一个并行请求队列。可想而知如果CSS、JS拿不到页面可不就出来一堆你不想看到的东西。

我自认为有一个很好的小窍门，尤其是对HttpRequest限制的非常严格的站点。事出一次在闲逛某网站，发现这个站点非常奇怪，从一个页面跳到另一个相似页面，根本没看到怎么变过来的，也就是我们通常说的反应时间非常短。后来查看HttpRequest发现只有一两个请求，当然设计的时候我们也应该尽量避免不必要的请求，例如可以把所有用到的小图标底图都做到一张图上，从文档中明明看到很多资源请求，百思不得其解！最后跟踪每一个资源请求，分析Http Headers，很快就找到原因，在头文件里包含Etag和Expires，通过对任意资源设置过期时间及服务器标记。一般像JS、CSS、图片都可以设置为不过期，一旦这种资源拿到浏览器后就会缓存下来，就再发生新的请求，所以出现开始的那一幕。有人问我：要是我的JS修改过怎么办呢？我是这么解决的，在资源文件加上时间戳，就像：<link type="text/css" rel="stylesheet" href="source/styles.css?c=200811140001"/>

Ajax很早就有了，现在基本什么网站都有用到。通过大量实例得出以下结论，大多数Ajax可以通过设置缓存时间大大减少后端负荷。关键业务（涉及到资金控制，订单处理等）阿贾克斯能不用就不用，如果确实可以改善效率的我们就通过Get方式请求。当然在很多用户体验方面阿贾克斯有着不可替代的地位！

网络时代给我们带来了什么

是网络改变了我们呢，还是我们改变了网络，是非难辨！就像网络办公之前，有人预测网络办公将大大节省成本，例如在办公耗纸这一项就可以减去不小开支。事实确相反，网络化建设加快了纸张的消耗速度，因为出现了打印机。据官方统计网络办公平均增加近三倍的纸张消耗。但是我想网络时代至少改变了我们的生活方式。如果从一个大型站点的架构来看，网络解决方案正悄然改变着我们的架构方式。也一次又一次的给我带来惊喜，例如智能DNS，CDN，各种网络硬件设施的诞生等都是我们的福音。不过我喜欢通过软件的方式实现各种网络部署方案，也会尝试各种搭配的性能指标。最近看到一篇文章Install WordPress on WEMP (Windows, nginx, MySQL and PHP)，实用性很强，我稍做了一些改良，还没做指标测试，感觉效果已经很明显了。国内文章也有很多类似结论：在高并发连接的情况下，Nginx是Apache服务器不错的替代品。Nginx同时也可以作为7层负载均衡服务器来使用。Nginx 可以承受3万以上的并发连接数，相当于同等环境下Apache的10倍。接触Nginx之前，我喜欢用Squid参与网络部署。看到Nginx的简洁配置，高可用性的特性我几乎要放弃Squid，虽然还是有点不舍得。

开源也是一种境界

曾经有人问佛祖：世间什么最珍贵？佛日：得不到的和已经失去的。很久以前我搞不清楚免费的和开源的有什么区别？在XX官网下载一个开源代码，用起来很爽，以为自己得到了一切，激动了一宿，一堆横七竖八的地编码也许一个月后分文不值。但是一个好的开源思想却能永久保留，甚至影响你的一生。 实际上没有这些好的开源项目作支撑或作辅助，一个团队很难在短时间内完成高质量的大型网站。

例如在CSS，JS浏览器兼容方面，说实在的这一直是我比较头痛的问题，但是现在有很多开源的框架和Demo，例如Jquey在这面做的相当好。基本上他们的所有效果我们都有测试过，非常棒！上个大型站点结束的时候，有开发人员跟我开玩笑说，我们整个这个站点就像是Jquey的官方经典案例站点。像Prototype/Jquery/Lucene.Net/NHibernate/CAS/Asp.Net MVC之前都有深入研究过，收益颇多。大概这么像这样的开源框架、项目还有很多很多...我正有这个打算把我所经历过的开源项目都拿出来分享，因为我太喜欢它们了。

时势在先，英雄在后。IBM是大型机时代的典范，Microsoft是PC时代的英雄，而现在的网络时代则塑造了雅虎、谷歌神话。未来无人知晓，但是我想我们每个人都正在历经网络神化传奇！