Above the fold images lazy loading when Guest feature is activated!

I managed to take care of the Elementor page linked to above by excluding the class of its above the fold image. However, setting up a class in the advanced section of the editor native to WordPress and excluding it does not prevent lazy loading when the guest feature is activated. Here is an example of a native page where the problem persists: https://ocalahomes.online/a-better-florida-hometown-heroes-program/.

Additionally, my site has over 240 pages, and even attempting to correct the lazy loading issue manual is quite a task. Thanks in advance for your assistance.

have you tried with parent class exclude ? like page-header-image or featured-image

Yes, and it works on some pages, but not others. Also, the lazy load effects how PageSpeed Insights and other page load speed testing services see me site. Since the Elementor background image on my home page is lazy loaded, these test sites see the placeholder generated by LSCache, not the background image. This is new to recent updates of LSCache. I never had this problem before.

do you have example link of these not working ?

Here is a page where the lazy load is still being applied to an above the fold featured image:

https://ocalahomes.online/a-better-florida-hometown-heroes-program/

It is set up exactly the same way as this page which I provided before, yet the featured image on this page is not being lazy loaded:

https://ocalahomes.online/ocala-home-guide-realty-contact-page/

There are many such examples on my site, but the prime example is that services such as PageSpeed Insights show the space holder instead of the image above the fold on my front page, https://ocalahomes.online. Again, I am adding a special class to all images above the fold on my site and then excluding that class in LSCache to get this to work at all. However, when I shut off the guest mode in LSCache, no images above the fold are lazy loaded and the image on my front page is recognized by programs like PageSpeed Insights. Therefore, it is very likely that something the guest mode does is causing the problem.

please provide the report number

you can get it in toolbox -> report -> click “send to LiteSpeed”

Guest Mode should also obey the lazyload exclude setting though.

I sent you the report. Please confirm receipt. Thanks.

thanks, once you clicked send button, it will generate you a 8 letter string

please share me that so I can locate your report.

The report string is ZEKUEDPW. Thanks.

do you see a queue in page optm -> vpi ?

I’ve got an update with some good news. First, yes there is a small que, but it has no bearing on my issue. But the good news is that I discovered that your software does not like the long LSCache created class name which was reported for the images I was having trouble with by PageSpeed Insights. So I created a code to assign the simple class name I use for image above the fold on Elementor pages, first-featured-image, to all images above the fold on pages created by the native WP page editor. That solved the issue. Now these images are no longer being lazy loaded. However, I still have a problem with my front page. When I analyze it with PageSpeed Insights the Elementor background image does not appear in the test results with guest mode activated, but does when it is deactivated. I am going to try to recreate the above the fold section of my front page and test to see if the page got corrupted somehow and let you know. Thanks.

• This reply was modified 4 months ago by aakrealtor.

OK. I simply duplicated my front page and change the name of the original front page. Then I changed the name of my duplicate page to the original title of the front page and set the duplicate to be the new front page. Of course, this was just a simple test. I had no reason to believe that this would solve anything because if the original front page was corrupted, I expect the copy to be as well. But to my surprise it did work and the background image is now displaying in PageSpeed Insights.

Just one thing though. The background image appears to be lazy loaded which negatively impacts LCP. That image is assigned to no class as far as I can see, though it does have an id. Also, I have looked everywhere, but find no way to assign a class to an Elementor background image. Do you have any suggestions as to how I can stop this above the fold image from being lazy loaded? Thanks in advance.

have you looked into this ?

Thank you.

I am sorry to say that I have narrowed things down to the point where I am convinced that this is an LSCache issue. Today I created a page which just contains the above the fold elements of my home page. The URL of this page is https://ocalahomes.online/ocala-homes-online-amazing-choices/, and it was created using WordPress’s native editor augmented by Spectra. Since it was not created using Elementor, that page builder has no impact on this hew page. I then put the container holding my background image in the “first-featured-image” class, the class I have excluded from lazy loading in LSCache. However, PageSpeed Insight clearly shows that the background image on this newly created page is still being lazy loaded, with the same impact on my LCP score as reported with respect to the Elementor page. Since without elementor the only lazy load capable plugin active is LSCache, it seems likely that it is the culprit. Please help.