Lazyload breaks no-script layout
-
Hi, you’ve created a great plugin, however I have got one problem with the lazyload function: When I disable javascript in my browser, the lazyloading feature that is included in litespeed cache breaks the site.
I found that in this use case both the responsive placeholder as well as the noscript fallback image is shown. Of course this breaks the layout.
Feel free to have a look at the provided url.Shouldn’t the placeholder-image be hidden in a case like this?
Similarly, the asynchronous css loading breaks the styling when javascript is disabled.
Maybe this needs a regular stylesheet tag enclosed in <noscript> tags as a fallback, i.e. somewhere in the footer?The page I need help with: [log in to see the link]
-
Providing further Information
Report ID: JWUZCJUSBrowser Screenshots, JS Disabled:
https://ibb.co/X7Y5pCM
https://ibb.co/Qcq3djh
Each Left: LS Cache & Lazyload activated,
Each Right: LS Cache Plugin disabledI’m beginning to think this is either a plugin bug or intentionally omitted (but why?) as similar behaviour can be found on litespeed’s own blog:
https://blog.litespeedtech.com/2020/06/10/wpw-the-beginners-guide-to-litespeed-cache-for-wordpress/The behaviour with the images is slightly different, I assume they removed all noscript tags, but noscript users also don’t get to see the actual images. Only blurred out previews.
On close inspection you can see that their main CSS file never get’s loaded if your JS is turned off.
- The topic ‘Lazyload breaks no-script layout’ is closed to new replies.
