或者使用
jquery.lazyscrollloading

解决方案 »

  1.   

    1、对图片使用单独的子域名,可以提高浏览器的并发请求数,加快下载速度;
    2、使用延迟加载技术,如jQuery lazyloading之类的插件,只有当前图片在显示区域内时才加载。
      

  2.   

    到底是图片加载慢?还是图片所在的宿主的加载慢?如果只是图片加载慢,你开会看到图片所在的宿主ui框架全都显示出来了(例如外部的DIV、Table已经显示出来了)。如果是宿主加载慢,那么你会发现只有当图片已经显示出来之后,才开始渲染外部的ui框架部分。对于前者,就不要去纠结针对后者的什么“优化方法”。反之亦然。对于后者,你可能需要将图片特意放到页面底部才加载。比如说你可以写< img src="#" id="adfad" .... >然后放到页面最底部,使用一行javascript语句去为这个元素的src属性设置值。对于前者,特别是针对asp.net的网站,你要使用http调试工具看一下你的服务端是否支持“304”状态码。因为当图片没有改变时,服务器端应该给浏览器返回304状态码,而不是再次下载图片。如果不是304,你就要检查你的IIS是否设置错误,或者(如果下载图片文件是通过你的asp.net应用程序)是否是你的asp.net程序没有处理304状态、而是傻了吧唧地总是重复下载文件。如果你用了什么坑爹的“url路径重写”技术,那么你更要注意这个性能杀手。
      

  3.   

    对于后者,你可能需要将图片特意放到页面底部才加载 -->  对于后者,你可能需要将图片的真实的src路径特意在页面底部才加载