aakrealtor

All done. How long does it normally take for the CCSS/UCSS to regenerate?

I sent report number ZEKUEDPW. Thanks.

Additionally, because of the two 404 errors my site’s PageSpeed Insights score is downgraded.

I tested with WebPageTest and the test disclosed that https://ocalahomes.online/wp-content/litespeed/css/64c634f813b342155656254a8696c537.css?ver=3836d was preventing other above the fold elements from being loaded while this file was being executed and that is causing a significant delay that is triggering the LCP loading problem. What is this file? Can it be safely excluded? If not, can it be managed so it won’t impact the loading of other above the fold elements?

OK. What I thought of is that if background images above the fold are not handled very elegantly, I could just fake it to make best use of the strengths of the tools I am using. So I split the image I had loaded in the background into two images. Since I was superimposing a full width search bar over the background image, it occurred to mw that I could use that as a separator, with the top image created from the top of the background image above it and that created from the bottom section of the background image below it. The look would be the same, but I would have two images in the foreground instead of one in the background. That seems to work much better. So, until there is a better solution to the optimized management of background images above the fold, this is a workable solution.

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.

Thank you.

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.

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.

The report string is ZEKUEDPW. Thanks.

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

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.

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.

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.

This issue has been resolved with change to two of the A records in my DNS file. FYI and thank you.