一、请求过程优化

1、构建工具性能优化

2、图片优化

JPGE/JPG

  1. 优点：有损压缩，体积小，加载快
  2. 缺点：不支持透明，压缩后糊

  3. 使用场景：复杂的，色彩层次丰富的图片，比如：大的背景图，轮播图，Ｂａｎｎｅｒ图

    ＰＮＧ

  4. 优点：无损压缩，高保真

  5. 使用场景：小的LOGO，颜色简单且对比强烈的图片或背景等

    SVG

  6. 优点：文本文件，与前两者相比，体积更小，可压缩性更强，图片可无限放大而不失真

  7. 缺点：渲染成本高，存在其他图片格式没有的学习成本
  8. 使用场景：iconfont

    Base64

    WebP

    3、CDN

    4、减少网络请求（本地存储）

    Cookie

    Storage

    IndexDB