Safari Reader Mode an JS / Responsive Images

Hi,

I use some lazy loading JS to load responsive image content depending on the dimension of the viewport. Unfortunately the Safari reader does not get any JS injected images. Is there a fallback? <noscript> does not seem to work here...

Replies

I've actually developed a polyfill for this all new natively supported functionality (https://github.com/mfranzke/loading-attribute-polyfill) that even also accounts for Progressive Enhancement and that for provides a noscript solution as well. On the demo page I've provided it works with the noscript tag and on Reader mode pretty good - could you please check out https://mfranzke.github.io/loading-attribute-polyfill/demo/ ?