Pagespeed图像优化问题导致图像无法显示

Question

我要维护的网站上的pagespeed出现了一个奇怪的问题。 Pagespeed已经设置好并且可以正常工作，除非涉及图像，否则开始出现问题。

假设我们有一个图片，并称为：

<img src="/assets/images/car.png" alt="Car" />

Pagespeed会将其转换为：

<img alt="Car" src="/assets/images/xcar.png.pagespeed.ic.3uWcepqUpW.webp" data-pagespeed-url-hash="585364661" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"

这样做时，图像将停止显示，当您清除缓存时，将在源代码中显示第一个加载的/assets/images/car.png ，并且显示并刷新图像，它将更新为/assets/images/xcar.png.pagespeed.ic.3uWcepqUpW.webp ，并且图像不显示。 但是，当这变得奇怪时，使用类似代码的其他图像也可以正常工作。 我不确定这是怎么回事。

这是pagespeed.conf的一部分：

ModPagespeedEnableFilters sprite_images
ModPagespeedEnableFilters rewrite_images
ModPagespeedEnableFilters recompress_png
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters extend_cache
ModPagespeedEnableFilters dedup_inlined_images
ModPagespeedEnableFilters insert_dns_prefetch
ModPagespeedEnableFilters strip_image_meta_data
ModPagespeedEnableFilters remove_quotes

你有什么建议吗？

Answer 1

您可以尝试ImageKit.io来优化图像。 它具有PageSpeed的所有功能以及更多功能。 分享您的反馈。

免责声明-我是联合创始人。