Google Pagespeed 忽略移动设备上的 srcset

Question

Google PageSpeed ?? 在移动设备上向我显示“正确大小的图像”错误。

它加载了错误的链接（仅限移动设备）： wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg

我究竟做错了什么？

<picture width="150" height="150" class="attachment-thumbnail size-thumbnail">
<source type="image/webp" sizes="(max-width: 150px) 100vw, 150px" srcset="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg.webp, wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg.webp 1024w, wp-content/uploads/2019/07/od-nave-yaad.jpg.webp 300w">
<img src="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg" alt="" sizes="(max-width: 150px) 100vw, 150px" srcset="wp-content/uploads/2019/07/od-nave-yaad-150x150.jpg 150w, wp-content/uploads/2019/07/od-nave-yaad-1024x1024.jpg 1024w, wp-content/uploads/2019/07/od-nave-yaad.jpg 300w">
</picture>

Answer 1

同样的问题...如果您使用 PICTURE 标签，它确实有效：

    <picture>
        <source srcset="/uploads/pages/tymgenevo.jpg?w=480" media="(max-width:480px)">
        <img src="/uploads/pages/tymgenevo.jpg" alt="Team GENEVO" width="1110" height="399" class="img-fluid">
    </picture>