前端优化——海量图片加载

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

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

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

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

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

       2.实现浏览器的并发下载:同时建立TCP链接,发送HTTP请求,将

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值