通过网页源代码看“饭否”的网站架构

饭否是一个我最近比较喜欢的应用，饭否网站的用户体验的确感觉比较用心，今天简单分析了一下网站的网页代码，感觉网页的布局十分清晰，Html也十分的干净，通过网页的源代码大概简单体会了一下网站的架构，网站的主要域名如下：
fanfou.com、wap.fanfou.com、static.fanfou.com、dev.fanfou.com、help.fanfou.com、avatar.fanfou.com、api.fanfou.com。

fanfou.com是网站的主域名，网站的前端应用主要集中在这个域名所在服务器上，wap.fanfou.com主要负责wap端的应用，static.fanfou.com为网站静态资源存放的服务器，主站用到的静态图片、js脚本、样式表、图标等资源都放到这个服务器上，dev.fanfou.com为后台提供开发的站点（使用了WordPress 2.2.3进行站点的搭建），同时也提供网站的站务日志等信息，help.fanfou.com为网站的帮助信息对应的服务器，avatar.fanfou.com为用户缩略图存储的站点，api.fanfou.com站点用来提供二次开发接口。

另外系统还使用了del.icio.us/fanfou进行站点的推广，使用www.google-analytics.com进行站点的后台管理和性能分析。

在静态脚本和样式上使用了版本化处理，格式如下：static.fanfou.com/css/base.css?v=032、static.fanfou.com/js/library.js?v=001

通过这些分析可以看出，饭否根据资源的特点，将静态资源进行单独存储，将消耗网站资源的“用户头像”部分也进行单独存储，其它的功能根据业务情况进行了简单的分布式处理。

至于这些应用是在一台服务器上，还是多台服务器并不重要，因为这种设计完全可以根据实际的网站流量，进行硬件的扩充就可以了，其次在一些非主要应用上如帮助等子站点，系统采用了开源软件进行应用的搭建，或者采用第3方服务进行系统的应用，而没有过多的进行优化等方面的处理。

另外该网站还利用自己本身服务的特点搭建了一些系统应用，如留言板、饭否消息等，本身就是一个微博客的形式，使系统更加的新颖和别致。

网站本身对“生态圈”的概念支持的特别好，使系统无论在扩展或者应用等方面表现的都十分优秀，十分值得学习和借鉴。

ps:

笑笑生-草根网20ju.com 21:15:52
stone 21:10:24
王总能否透露一下核心团队的结构,个人觉得饭否从产品的细节及技术能做得很棒,考虑得很周到,{网站是否是采用python开发的,如果是谈谈感受,国内用python做的网站还不是很多见}

王兴-饭否fanfou.com 21:18:18
不是，我们没用python这么酷的东西，就是很大路的LAMP架构(linux + apahce + mysql + php)。有一点主要差别，我们因为现在手里有一些钱，没有什么经济压力，所以不是很急着想怎么挣钱，所以心态比较轻松，就是觉得这个东西好玩，至少我们 自己愿意玩，所以尽量把东西做好点，自己用着也爽一点.