对图片进行高效编码

Lighthouse 报告的“优化”部分会列出所有未经优化的图片,并可能以千字节 (KiB) 为单位节省空间。优化以下图片,以加快网页加载速度并减少数据流量消耗:

Lighthouse“对图片进行高效编码”审核的屏幕截图

Lighthouse 如何将图片标记为可优化

Lighthouse 会收集网页上的所有 JPEG 或 BMP 图片,将每个图片的压缩级别设为 85,然后将原始版本与压缩版本进行比较。如果潜在节省量至少为 4KiB,Lighthouse 会将图片标记为可优化。

如何优化图片

您可以采取多个步骤来优化图片,其中包括:

使用 GUI 工具优化图片

另一种方法是通过安装到计算机上并以 GUI 形式运行的优化器运行映像。例如,使用 ImageOptim 时,您只需将图片拖放到其界面中,它就会自动压缩图片,而不会明显降低质量。如果您运营的网站较小,并且可以手动优化所有图片,那么此选项可能就足够了。

另一种方法是 Squoosh。 Squoosh 由 Google Web DevRel 团队维护。

针对特定堆栈的指南

Drupal

建议您使用模块自动优化通过网站上传的图片,并在不影响图片质量的前提下缩减这些图片的大小。此外,还请确保为网站上呈现的所有图片使用 Drupal 提供的原生自适应图片样式

Joomla

建议您使用图片优化插件,以在不影响图片质量的前提下压缩图片。

Magento

不妨考虑使用用于优化图片的第三方 Magento 扩展程序

WordPress

建议您使用图片优化 WordPress 插件,以在不影响图片质量的前提下压缩图片。

资源