pzg's blog

DIV+CSS并不能使你的网站节省流量

      话说很久以前,我就一直保持这个观点,但是一直苦于div+css的主流趋势所致,使我之前使惯了table到现在要大量的div标签,其实每个新产品出来都会攻击上一代产品,无情的将上代产品的缺陷上撒盐,目前html5出来后我已经看到一些文章在攻击div大量的重复使用。而html5则推出了几个新的标签来代替div,

HTML 5 添加了一些新元素,专门用来标识这些常见的结构:

  • section:这可以是书中的一章或一节,实际上可以是在 HTML 4 中有自己的标题的任何东西
  • header:页面上显示的页眉;与 head 元素不一样
  • footer:页脚;可以显示电子邮件中的签名
  • nav:指向其他页面的一组链接
  • article:blog、杂志、文章汇编等中的一篇文章

那为什么说我一直不认同div+css呢,可能是因为我是太过习惯table了,到div+css主流之后我很少设计网页了。另外最重要的一个原因就是我网站运营中的数据统计,事实证明div+css更浪费流量,每每都看到div+css降低运营成本的文章,网站重构的文章,其实这些有多少考虑到网站的运营实际情况呢?

     我所运作的大多网站都是靠搜索引擎来获取流量,这样有一个特点就是大量访问者都只是访问一个页面就离开,这样的话table就比div+css要节省很多流量,然后事实上有多少网站具有高浏览量的特性呢?

     其实div和table差不多 table是去加一些属性,而div是加标签到css中去解析,这样就会导致访问一个页面的情况下table表现出来一个页面的内容,div+css却要表现出来一个页面+全局的css内容+分类的css内容等,只有当访问者浏览超过3个页面以上的时候浏览才相当或者比table更节省流量。在用户角度上我还测试大量使用的IE,当使用table写网站的时候,重复的代码内容在每个分页的加载,IE的表现并不是重新加载,它似乎做了处理,表现出来是很快的。很可能这部分相同代码的流量是不消耗的。一样能够表现出CSS的重用性。起码给用户的体验是表现出来的。最后一个批评table的噱头是不容易改版及可读性差,我个人也认为这个是不可以理解的,比起要看两个文件才能看出是什么格式,我认为还是只看一个页面要容易理解,这个可能跟我之前大量使用table有关,另外不容易改版我也认为这个是不合适的,在模板的使用中,无论是div+css还是table,都是只修改一个模板然后整个网站都生成新的页面了。不存在什么大量文件需要修改。

     现在html5的一些文章已经在说html5的优势了,我也觉得在html和xhtml中,更多的运用html更适合中国的网站情况,我也希望能用一个HTML5写出来的wordpress模板。

《 “DIV+CSS并不能使你的网站节省流量” 》 有 19 条评论

  1. hiro 的头像

    现在的很多的网站存在着div滥用的现象。要使用合理的Xhtml才是硬道理!

  2. 阿东 的头像

    我觉得DIV+CSS来设计网页,修改起来容易。。只要改相应的CSS属性就行了。
    现在DIV+CSS已成主流了。。至于占用流量问题还没有考虑过。。呵呵。。

  3. 瘦脸方法 的头像

    貌似对优化比较好?

  4. zwwooooo 的头像

    这些不是我这些小站考虑的,本身流量不大,所以只要考虑方便性就ok了

  5. 蛋王 的头像

    我很期待html5中的新元素能早点被大多数主流浏览器支持。。

  6. 先看看 的头像

    我的流量都是没有限制的,无所谓了。

  7. 卢松松 的头像

    既然大家选择的CSS+DIV我相信是没错的

  8. Louis Han 的头像

    几个标签对于流量应该没多少影响吧

  9. huangjun 的头像

    目前为止我还没用div+css做过网页,我落伍了~~

  10. 雅丹地貌 的头像

    我以前也用表格不过现在用DIV+CSS

  11. 0cai 的头像

    我觉得还是div+css在以后的修改上好些 不过psd到html就是table了 不能div+css

  12. 记忆 的头像

    路过,帮你踩踩!

  13. 叶松网络推广博客 的头像

    div+css对于大型网站来说修改起来方便

  14. Lxhome 的头像

    现在好像都流行这样做网站吧!

  15. 天天天黑 的头像

    div+css确实比table有优势

  16. laimi 的头像

    还好现在很少用,

  17. Gonten 的头像

    我觉得DIV+CSS也不是为了省流量,真的很方便

  18. 蓝风 的头像

    不赞成楼主的说法,DIV比Table的确有优势些,而且修改起来也方便些。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注