Web 技术研究所

我一直坚信着,Web 将会成为未来应用程序的主流

瀑布流的适用性分析

  11年开始就非常流行瀑布流的布局,很多网站都趋之若鹜地用上瀑布流了。但是过了这么久,一部分网站还是改回了传统的布局方式,要不然就换成了其它复合模式。单纯的瀑布流布局看似效果很华丽,但可以使用的场景是有限的,有些网站根本不适合瀑布流。
  瀑布流不是分页的替代方案
  瀑布流可以加载更多的数据,有时人们就想使用它来替代分页。实际上即使使用瀑布流布局也要同时保留一个可分页查看的版本,因为瀑布流中的数据是顺序动态加载的,对于比较久远的数据就无法展示。当然这在一些基于瀑布流的扩展复合实现方式中得到了解决,但它们的解决终究还是离不开分页。另一方面,由于瀑布流的单页实现,跳页访问在它身上也变得很麻烦,一旦网页被刷新就无法回到原先浏览的位置。虽然这也可以通过一些技术手段来改进,但其复杂程度就不亚于普通的单页应用程序了,这样开发成本就变得很高。
  扼杀了滚动条的意义
  传统网页几乎不会去改变页面本身的长度,它的滚动条是固定长度的。用户完全可以根据滚动条的长度来判断内容量,或者看分页的总量来判断内容量。但如果页面会不断变长,滚动条本身就失去了它的意义,用户也无法再通过滚动条来判断页面长度。很多网站使用了自动加载的方式,这样不仅让滚动条变得没意义,连页面底部的版权声明之类的东西都无法正常浏览了。最后就变得像微信朋友圈那样,一不做二不休,直接去掉滚动条。对于普通的情况,我觉得让用户自己选择是否自动加载更多内容才比较合理。
  无法直视的SEO
  瀑布流可以算是一种从传统Web到现代Web过度的产物,它已经有单页面应用程序的思想了。但实际上现代Web的发展并没有那么快,至少搜索引擎的实现还没有跟上Web发展的脚步。动态加载的内容对搜索引擎不太友好,所以瀑布流绝对不适合需要SEO的页面,至少目前不适合。
  什么时候才用瀑布流?
  瀑布流本身是个很好的设计,只是被一些网站盲目跟风而滥用了,但在一些有特殊需求的地方确实可以使用。
    1. 不需要SEO
    2. 数据本身的重要性低或数据量少
  如果数据本身的重要性高,用户对特定数据的检索概率就很高,瀑布流无法跳页,所以不利于用户使用。如果数据量大,用户就可能分多次浏览器数据,瀑布流在刷新之后就无法保持原来的数据,这也不利于用户使用。比如搜索引擎的搜索结果就是个议题,很多图片搜索确实已经使用了瀑布流,但普通的网页搜索依然使用分页的形式。搜索结果的数据量很大,但重要性就有待商讨了,这种情况需要考虑更多东西。但是想微博之类的,毫无重要性可言的数据,而且又不需要SEO,所以使用瀑布流就非常适合。
  当然,最好的做法是,同时维护一份瀑布流和一份传统分页页面。其实我这也是站着说话不腰疼,很多公司的开发预算也许不允许这么做。总之用不用瀑布流得看项目需求,盲目跟风是作死的行为。
网名:
3.84.186.*
电子邮箱:
仅用于接收通知
提交 悄悄的告诉你,Ctrl+Enter 可以提交哦
神奇海螺
[查看全部主题]
各类Web技术问题讨论区
发起新主题
本模块采用即时聊天邮件通知的模式
让钛合金F5成为历史吧!
次碳酸钴的技术博客,文章原创,转载请保留原文链接 ^_^