当前位置:首页 > 服务端 > 前端开发——海量图片加载(转)

前端开发——海量图片加载(转)

2022年11月08日 14:34:09服务端9

原文链接:http://blog.csdn.net/rocketleopard/article/details/9052645

 

    面试百田信息科技的时候,面试官看了我的简历,对我的电子商务策划案感兴趣,就开始发问了:“假如你的网站上有几十甚至几百张图片,如此多的图片你要怎么实现顺畅的加载,而不至于让用户等待时间过长关了页面?”

    众所周知,网站的用户体验很重要,如果等待时间过长,用户很大可能会关了这个页面,从而影响网站的停留(这个时间最好别超过4秒)

    当时已经开始学Ajax,但是面试的时候却完全没有运用Ajax的思想,铤而走险随口而出:“浏览器的并发下载!”接着我就被轰炸了,其实当时一点都不 懂浏览器的并发,只是这个技术名词耳熟能详。还胡乱吹:“试过最大并发量可以为10。”回来的时候查了资料,顿时傻眼了!一般是2~4!只有chrome 最高,能达到6!

    今天在图书馆泡了半天的《HTTP权威指南》,加上自己的经验总结,对当初的面试题有了新的解决方案:

    1.渐进式图片加载:先加载模糊的图片,再逐渐清晰,就算等待时间更长,用户也能看到浏览器的“动作”,而不会去关闭页面

    2.实现浏览器的并发下载:同时建立TCP链接,发送HTTP请求,将建立链接的时间重叠而不是串行相加。

    3.用Ajax实现页面的预加载,而不是等所有图片加载完再渲染页面,等待触发鼠标滚轮等事件再实现图片的异步加载。

    4.建立持久链接:根据TCP协议的特点,起初建立链接完成“三次握手”需要较大的时延,而且也由于协议本身的设计开始传输时无法获得较大的传输带宽。调用持久链接能够节省重新建立链接的开销以及获得高传输速度。

作者:focus~wow
来源链接:https://www.cnblogs.com/hl756799782/archive/2013/06/08/6005260.html

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/server/68498.html

分享给朋友: