图片优化的方式

浏览器图片加载优化是做前端一个不可避免的话题,那么有哪些方式呢

  • 压缩
  • 缓存, service-worker
  • gzip
  • base64
  • 懒加载
  • 精灵图
  • 预加载, manifest
  • CDN
  • 单独的文件服务器,提升带宽,磁盘读写等硬件
  • webP 等新图片格式
  • SVG
  • 字体图标
  • 不需要高质量图片的场景适当降低图片质量
  • http2
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容