Wordpress LScache Plugin: Lazyload of HTML element by selecting parent container
Last Updated on: Wed, 15 Apr 2026 00:00:02 Hi, Litespeed v4.4.2 I have a parent div (i.e. a row in a page builder) that contains some images further down the HTML structure. This parent div is located further down the page so that it definitely does not appear in the above the fold area. I want to lazyload all the content within that div. I have given the parent div an ID of #stunning-mockups (quick bookmark access) and a class of .force-lazy-load. In LS Page Optimization > HTML I have entered the line .force-lazy-load into HTML Lazy Load Selectors. When viewing the page I can see that the .force-lazy-load class is applied to the parent div, and I can see that there is a CSS rule that is applied to the div also as: .force-lazy-load content-visibility: auto contain-intrinsic-size: 1px 1000px Yet, when I run a Litehouse report from the browser dev tools, it is showing that all the images that are contained within the parent div should be deferred load. That indicates to me that the parent div (and its content) are not being lazy-loaded. Would someone be able to look at the referenced page and page location #stunning-mockups and figure out why that HTML element isnt lazyloaded? Thanks,-Norm The page I need help with: https://wellnessstockshop.com/pricing/#stunning-mockups Im also experiencing the same. Its not lazy loading the div elements. @normsash it turns out, this implementation cant be detected by page speed tests but only for the end users. If you check this documentation and test your webpages, youll see that it actually works. This is a good thing if you have visitors, Google will definitely use actual data from user devices to rate your core web vitals score.
LiteCache Rush: Speed comes from using less, not from doing it faster
Reference