Lighthouse 报告的 Opportunities 部分列出了所有未优化的图像，以及可能节省的空间（以千字节 (KiB) 为单位）。优化这些图像，使页面加载速度更快并消耗更少的数据：
Lighthouse 如何将图像标记为可优化
Lighthouse 会收集页面上的所有 JPEG 或 BMP 图像，将每个图像的压缩级别设置为 85，然后将原始版本与压缩版本进行比较。如果可以节省 4KiB 或更大空间，Lighthouse 会将该图像标记为可优化。
如何优化图像
可以采取许多步骤来优化图像，包括：
使用 GUI 工具优化图像
另一种方法是通过安装在计算机上并以 GUI 形式运行的优化器来优化图像。例如，使用 ImageOptim，将图像拖放到其 UI 中，然后它会自动压缩图像而不会明显影响质量。如果您正在运行一个小型网站并且可以处理手动优化的所有图像，这个选项可能已经足够好了。
Squoosh 是另一个选择。Squoosh 由 Google Web DevRel 团队维护。
程序栈特定的指南
Drupal
考虑使用一个模块来自动优化并减少通过网站上传的图像的大小，同时保持质量。此外，确保对网站上呈现的所有图像使用 Drupal 的内置响应式图像样式（在 Drupal 8 及更高版本中提供）。
Joomla
考虑使用图像优化插件来压缩图像，同时保持质量。
Magento
考虑使用可优化图像的第三方 Magento 扩展。
WordPress
考虑使用图像优化 WordPress 插件来压缩图像，同时保持质量。
资源
Updated on • 改进文章