WordPress产品描述页图片偶现模糊变大，WP Rocket调参无效求解决方案

• 排查WP Rocket的LazyLoad配置
  进入WP Rocket后台「媒体」设置页，首先查看延迟加载功能的适配规则：如果开启了响应式图片自适应加载、或者视口尺寸匹配功能，很容易和WooCommerce自带的产品图库srcset规则冲突，导致错误加载低分辨率缩略图被拉伸显示模糊，或者直接加载未裁剪的原图导致尺寸过大。
  你可以先在「延迟加载排除项」中添加产品图库图片的CSS选择器 .woocommerce-product-gallery img，单独排除产品描述页的图片不使用延迟加载，清理缓存后测试是否恢复正常。
• 排查图片优化功能冲突
  如果你同时开启了WP Rocket的WebP转换、图片压缩功能，和其他第三方图片优化插件（比如Smush、ShortPixel），多套优化规则叠加会导致图片缓存异常。先临时关闭WP Rocket的图片压缩、WebP转换功能，全量清理缓存后验证问题是否消失。
• 排查缓存清理是否彻底
  调整过图片相关配置后，需要依次清理WP Rocket本地缓存、服务器缓存（如果有配置服务器级缓存）、CDN缓存（如果使用了CDN服务），同时清空浏览器本地缓存后再测试，避免不同缓存版本交替加载导致图片有时正常有时异常。
• 核对WooCommerce原生图片配置
  进入WordPress后台「外观」-「自定义」-「WooCommerce」-「产品图片」，确认设置的产品缩略图、详情页图片尺寸符合你的预期尺寸。如果此处设置的裁剪尺寸过小，WP Rocket加载时找不到对应尺寸的缩略图，会自动调用原图导致显示异常。

如果以上操作都无法解决问题，可以在WP Rocket「高级规则」的「永不缓存页面」中添加产品页路径规则（通常为 /product/*，可根据你店铺的实际路径调整），排除产品页的缓存规则后再做测试。

内容的提问来源于stack exchange，提问作者Arshpreet Singh