大量图片加载的优化

大量加载图片面临的问题，目前

一. 浏览器有连接请求限制，一般浏览器都是最大http连接数被限制在6个，有以下解决方法

　　1. 懒加载，没有浏览到的图片暂不请求

　　2. 小图片比较多，可以用雪碧图、字体图标、base64等，这样可以有效减少连接数

　　3. 连接数限制问题还可以由http2来解决，http2一个站点只有一个连接。每个请求为一个流，每个请求被分为多个二进制帧，不同流中的帧可以交错的发送，实现多路复用。这就解决了连接数限制的问题

二、图片过大，传输和渲染比较慢，有以下的处理办法

　　1. 如果是相册之类的可以预加载，在展示当前图片的时候，就加载它的前一个和后一个图片

　　2. 加载的时候可以先加载一个压缩率非常高的缩略图，以提高用户体验

　　3. 使用渐进式jpeg，会提高用户体验

　　4. 如果展示区域小于图片的真实大小，可以在服务端先压缩到合适的尺寸