Cloudflare Mirage 是一项移动图像优化功能,可减少带宽使用,并加速慢速移动连接与 HTTP/1 上的图像加载。
Mirage 的工作方式:
- 将图像替换为打包到单个文件中的低分辨率缩略图。
- 充当懒加载器,延迟加载更高分辨率的图像,直到它们变为可见。
现代 Web 标准与浏览器能力已演进,可原生支持 Mirage 的许多功能:
- 使用
loading="lazy"HTML 属性实现原生懒加载。 - 使用
srcset与<picture>元素实现响应式图像。 - HTTP/2 与 HTTP/3 提供更好的性能。
- 移动网络改善,降低了激进优化的必要性。
不要使用 Mirage,而应使用:
- Polish — 为所有浏览器无缝优化图像,而不仅是移动端,并保持图像全分辨率。
- Image Resizing — 结合
loading="lazy"与srcsetHTML 属性,提供现代响应式图像交付。 - 懒加载指南 — 了解如何实现原生懒加载。
- 响应式图像指南 — 创建适配不同设备的图像。