大量加载图片面临的问题,目前
一. 浏览器有连接请求限制,一般浏览器都是最大http连接数被限制在6个,有以下解决方法
1. 懒加载,没有浏览到的图片暂不请求
2. 小图片比较多,可以用雪碧图、字体图标、base64等,这样可以有效减少连接数
3. 连接数限制问题还可以由http2来解决,http2一个站点只有一个连接。每个请求为一个流,每个请求被分为多个二进制帧,不同流中的帧可以交错的发送,实现多路复用。这就解决了连接数限制的问题
二、图片过大,传输和渲染比较慢,有以下的处理办法
1. 如果是相册之类的可以预加载,在展示当前图片的时候,就加载它的前一个和后一个图片
2. 加载的时候可以先加载一个压缩率非常高的缩略图,以提高用户体验
3. 使用渐进式jpeg,会提高用户体验
4. 如果展示区域小于图片的真实大小,可以在服务端先压缩到合适的尺寸