图片加载提速--简单汇总

影响图片加载速度的2个因数：图片内容大小；连接数

汇总：

  图片内容大小：

        gzip 压缩传输

        图片压缩质量控制

        激情适配：3g网络下，出质量差的图片，这样的图片质量更轻

        webp（比jpeg减少40%），在支持的浏览器出webp图片

  链接数（减少链接数）：

        http2

        js 和 css 内联

       图片base64内联

       css sprite

       dns解析优化：设置http dns，客户端定时从此dns获取大部分域名的ip地址，客户端发起请求的时候，直接转化ip发起请求，避免请求各个dns

cache：

      etag 改成 expire，对二次加载图片有用

      cdn

图片矢量化