markup和真实内容的比例多少为好

随着css技术的发明，随着宽带时代的到来，这个时代的网页已经完全不是上个世纪末甚至这个世纪初的样子，标准化页面横行，随便找一个站，都是css-driven的布局，xhtml化的页面。而且越来越的内容被塞进页面。门户越做越大，页面越拉越长，真的这样好吗？新时代的前端，应该跟关注client side的性能和SEO，而且当新媒体流行的时代，javascript泛滥的时代，前端们更加应该关注性能。有时候写几千行代码，实际内容确只有几百行，实在是让人沮丧的一件事情。

最近，发现一个国外前端写了一个程序，来测试markup和网页实际内容的比率的程序，很简单，

1.添加到收藏夹

content/markup

2.浏览你想要测试的网站

3.等页面加载完成以后，点击那个收藏夹的链接

随便测试了一下，fair ratio是指把有用的alt，title等信息加进去的计算结果

淘宝首页：
total size : 152289 bytes
Content size: 14237 bytes
Content-to-markup ratio: 0.09
Fair ratio *: 0.10

百度有啊首页：
total size : 101186 bytes
Content size: 7312 bytes
Content-to-markup ratio: 0.07
Fair ratio *: 0.10

新浪新闻：
total size : 606553 bytes
Content size: 41095 bytes
Content-to-markup ratio: 0.07
Fair ratio *: 0.08

PChome首页：
total size : 156468 bytes
Content size: 26639 bytes
Content-to-markup ratio: 0.17
Fair ratio *: 0.22

国内的网站似乎都不是很高，看看国外网站的结果：

http://www.cnn.com:
Total size: 92004 bytes
Content size: 11475 bytes
Content-to-markup ratio: 0.12
Fair ratio * : 0.16

http://www.sitepoint.com
Total size: 65989 bytes
Content size: 16199 bytes
Content-to-markup ratio: 0.25
Fair ratio * : 0.60

Article on http://en.wikipedia.org:
Total size: 21648 bytes
Content size: 3315 bytes
Content-to-markup ratio: 0.15
Fair ratio * : 0.35

http://www.phpied.com
Total size: 31899 bytes
Content size: 7933 bytes
Content-to-markup ratio: 0.25
Fair ratio * : 0.48

http://www.google.com SERP
Total size: 29963 bytes
Content size: 3351 bytes
Content-to-markup ratio: 0.11
Fair ratio * : 0.14

这个值和网页的规划，设计有很大的关系，不过前端们应该在尽可能的情况下提高这个值，对页面的性能和SEO都有好处的