一、请求过程优化

1、构建工具性能优化

2、图片优化

JPGE/JPG

  1. 优点:有损压缩,体积小,加载快
  2. 缺点:不支持透明,压缩后糊
  3. 使用场景:复杂的,色彩层次丰富的图片,比如:大的背景图,轮播图,Banner图

    PNG

  4. 优点:无损压缩,高保真

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

    SVG

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

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

    Base64

    WebP

    3、CDN

    4、减少网络请求(本地存储)

    Cookie

    Storage

    IndexDB