大量图片加载的优化

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

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

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

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

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

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

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

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

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

上一篇:http2 3


下一篇:如何在CentOS 7上用yum更新我的Nginx