我正在为我的商店使用Woocommerce上的某些主题,但是由于店面的行为相同,因此我希望这是“标准”行为。这让我感到惊讶,并使我认为我的设置有问题。
因此,在产品页面上,图像始终以最大尺寸加载,而不是缩略图。 例如,在页面apiato.io上,GTmetrix始终显示错误:
“ https://www.elvistudio.ee/modern-kiss-print-gold-art/在HTML或CSS中的大小从2560x2560调整为485x485。提供缩放后的图像可以节省333.0KiB(减少96%)。”
尽管我的媒体文件中有485x485px缩略图。
在目录页面上不会发生相同的情况,例如,https://www.elvistudio.ee/wp-content/uploads/2020/01/Modern-Kiss-poster-in-black-frame-on-the-wall-scaled.jpg包含相同的产品,GTmetrix可以使用它。
在产品页面上,由于禁用了放大功能,我希望仅在单击大图片(Lightbox)时才能加载大图片(2560x2560px)。
我应该如何解决:
,以便找到485x485px或其他缩略图,而不是将2560x2560px调整为较小的尺寸
如何仅按需加载大尺寸图片,即按一下即可加载。
当前的行为对于SEO而言非常糟糕,因为页面加载时间非常长,因为图像较大。