Responsive image loading without W3C-Validator issues

[felixranesberger]

Hi, I'm using the lazy loading feature of Splide in combination with responsive image loading,
as described here.

But using the provided solution, a W3C error is occuring, since the sizes attribute can't be used,
without srcset beeing set beforehand.

I'm using the following hack to get arround these issues:
( The # value is used to provide a non image link, which is still valid, but not loaded )

<img
    src="#"
    srcset="# 2000w"
    data-splide-lazy-srcset="
        large.webp 2000w,
        medium.webp 1000w,
        small.webp 500w
    "
    sizes="
        (min-width: 2000px) 2000px,
        (min-width: 1000px) 1000px,
        500px
    "
    width="2000"
    height="1000"
>

Is there a better solution for this problem?

If not, should we update the documentation?