遵循谷歌页面速度指南后WebP图片无法加载，请求排查问题

我按照谷歌PageSpeed Insights指南在网站中引入WebP图片，但图片完全无法正常显示，特意创建了测试页面来复现问题。

图片预期显示的位置参考截图：

已确认服务器上确实存在对应的图片文件，证明截图：

我使用的代码如下：

<picture>
    <source srcset="/images/banners/Homepage-Banner-1-1920.webp" type="image/webp" />
    <source srcset="/images/banners/Homepage-Banner-1-1920.jpg" type="image/jpeg" />
    <img class="banner-image"  src="/images/banners/Homepage-Banner-1-1920.jpg" alt="yazzoo homepage banner" />
</picture>

现在页面上只显示img标签的alt文本，甚至连作为降级选项的JPG图片都没加载出来。按常规逻辑，WebP加载失败时应该自动 fallback 到JPG，但实际情况并非如此，这让我十分困惑。图片的源域名是personalised.clothing。

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