Replies: 1
I am using ShortPixel plugin to optimize my images and also generate and replace them in frontend with WebP versions for compatible browsers.
I noticed that the PICTURE element gets new classes as lazy and lazyy-hidden but wrongfully are not converted to lazy-loaded when they enter viewport. The inner IMG element is properly processed when scrolled into view but unfortunately the modern browsers will just ignore and display nothing.
This is a sample structure generated by the above plugin:
<picture width="70" height="70" class="sp-no-webp"><source srcset="https://dentfix.ro/wp-content/uploads/2018/09/ivory-implanturi.webp" type="image/webp"><source srcset="https://dentfix.ro/wp-content/uploads/2018/09/ivory-implanturi.png"><img src="https://dentfix.ro/wp-content/uploads/2018/09/ivory-implanturi.png" width="70" height="70" class="sp-no-webp" alt="icon implant dentar" srcset="https://dentfix.ro/wp-content/uploads/2018/09/ivory-implanturi.png"></picture>