Thank you. I did find the preload image setting in WP Rocket and enabled which did improve the LCP (at least turned it green).But, this is a basic test page with no content. I subsequently found out that the page loads 40+ render blocking CSS calls prior to the logo. The majority of the CSS are never used in the page. The problem with this is, the LCP will easily exceed 2s on other pages of the site for other elements because of the render blocking CSS. Essentially almost 2s worth of blocking that I can’t do anything about, unless I’m missing something.

I did some more digging and ran Catchpoint webspeed test. I listed about 42 render blocking CSS calls right before the logo. Most of the css that is listed is not used on the page. For example slideshow.css, portfolio.css, promobox.css, etc., etc. This seems to be culprit. Is this by design or is there something wrong with my page? Why would unused css load? Thanks, John

Hmm. Hide on mobile was/is enabled.

I added 720 to “Hide under”.

Hi Rikard,

I posted 3 links in the private data block that show the specific elements affected. One thing I also noticed in with my simple test page (header w/logo, footer, and test block) – if I add another element, like a text block and special heading, the large LCP will move to a new element. Maybe the layout builder causing this? Perhaps you could recommend a starting point for a test case or steps to help me debug this so I can get you the info you need.
Thank you –
John