比如淘宝的宝贝详情页面,描术里图片都是要往下拉滚动条,才会加载的,估计这是为了减轻服务器负担才这样设计的。但我作为使用者,认为这是一个非常不人性化的设计,打开页面都半天了,往下一看,一大堆图片才开始缓缓加载,又要等上个半天。于是我浏览淘宝页面都是先拉到低,等它加载好后再回顶部浏览。但我通常是后台打开N个页面再一个个浏览的,这样每个页面都要往下拉一拉,很麻烦,不知Chrome有没办法能破它!求大神支招,谢谢了~

解决方案 »

  1.   

    这个给浏览器没关吧??要是不想拉鼠标  end一下也可以啊  
      

  2.   

    lazyload
    用一张默认的图片替换原来的图片地址,原来的图片地址保存到一个自定义属性里面,然后通过滚动判断图片是否出现在当前屏,是就加载这张图片
      

  3.   


    以前我就是猛地按End,但现在不行了,直接拉到底图片也不会加载,非要拉到图片的位置才肯加载,这不很可恶吗
      

  4.   


    那也照顾一下我这样的特殊用户啊,比如可以自主选择加载方式什么。我不怎么讨厌页面打开太慢,因为我都一下打开3~20多个网页,比如上论坛先看标题,打开一大堆帖子,看完一个关一个,除了头一两个,后面的再慢也加载好了,而且我会先选择已加载好了的页面去浏览,速度慢的先放一边。再说了这种拉下才加载的设计对一般用户(单页面浏览者)也是很不爽的,至少也要预读一部分,像微博那样子,图片太多的就先显示前面几张,不一下子同时加载,要是这样设计我还能接受,但是淘宝宝贝描述页的图片,不往下拉它就一张都不肯显示,超级讨厌的。其实我是想来打听下这个lazyload什么的原理,然后看看能不能弄个脚本让页面一打开就强制全部加载。
      

  5.   


    延迟加载应该叫DelayLoad吧,可是这个是看到哪里加载哪里,没看到的也不会给预读。像这个,左边是页面已经打开几十秒后截图的图,不往下面看,它就一直在那里转,永不加载,拉到下面去才开始
    显示图片,这时滚动条会越来越短,还会往上跳移,对于我这样不习惯用鼠标论滚的用户又是一个不好的体验。
      

  6.   


    我偏向于物尽其用,而不是节约资源,如果浏览网页时,流量监控显示500KB/S以上我会很高兴的(6M宽带)。回五楼“一次给你显示完,你又觉得打开页面太慢了”这个快慢的瓶颈主要在用户的网速和机器性能上,如果这两个不好就不要一次打开太多网页的,单页面浏览再慢也不会比延时加载慢。
      

  7.   

    这个lazyload是用JS实现的吧,谢谢大家了。
      

  8.   

    举个最简单的例子,3个人来访问,你是其中一个。另2个只有2M带宽。你说你6M带宽,我肯定偏重于考虑那2个人的需求和体验。你说不你考虑节约资源,但我服务器要考虑,你要是觉得这样子使用让你很烦恼,那说明一个问题:你的网速还不够快,如果你的网速再快一点。给你100M带宽,你滚动到哪里哪里就是显示好的,甚至你完全感觉不到它之前没加载我要是一个页面十几M的图片资源,2M带宽的人来访问,怎么办呢?N大访问量时怎么办呢?UE嘛永远是以大多数人的需求为参照的。或者以最差的环境去考虑。以使其在所有用户间得到一个相对好的结果。
      

  9.   

    我没有指望能左右开发者的思想思想啦,也没说延时加载不好,像新浪微博和QQ空间之类的做得就相当好,它们是先显示头一部分,当用户快浏览完的时候马上加载下一部分。但我说的不好体验仅仅是针对淘宝页面,他不肯预读,非要看哪才加载哪,这对于带宽小的用户来说更是漫长的等待。我发这个帖子的初衷是了解延时加载的原理,然后开发一个程序或Chrome插件实时监控是否在浏览淘宝页面,如果有就模拟去触发加载事件,以适应我个人的使用习惯。当然,如果淘宝开发人员能改下网页,改成提前预读一部分图片那就最好不过了。
      

  10.   

    参考关于图片延迟加载技术-ImageLazyLoad