INP & LCP Issue

Hello Team,

Thank you for the excellent support and the wonderful plugin! I apologize for the inconvenience, but I need help with one of my few last issues.

I’ve noticed that the plugin is causing lag across the entire site. We’re experiencing significant INP issues, which show up in the “warning” tab in Google Search Console—I’ve previously emailed you about this. While our overall speed is satisfactory, the site continues to lag, resulting in a poor user experience. Real-time testing of core web vitals indicates very poor INP scores across the site. I want to ensure that we resolve these INP issues and improve all our URLs to the “good” category in Google Search Console for both INP and LCP.

I’ve sent a link to the Google Search Console report concerning the INP issue via email. Could you please review it? Our goal is to improve all the URLs.

Additionally, could you confirm if the “Accelerator” plugin optimizes images and converts them to webp format? Or should I use a separate image optimization plugin for our site? Does it also preload and prioritize above-the-fold content images? We are also facing LCP issues.

I came across an article online and am including a summarized version of it:

article link: https://onlinemediamasters.com/largest-contentful-paint-wordpress/

{{{“3. Prioritize Above The Fold Images

If you’re preloading critical images shown in the previous step, you shouldn’t need to do anything since above the fold images are already being prioritized and excluded from lazy load.

However, preload has drawbacks and Google recommends only using it for background LCP images, then using fetchpriority especially for your LCP image shown in PageSpeed Insights.

Here, we’re giving the LCP image a high fetchpriority while using the faster WebP version.

<link fetchpriority="high" rel="preload" href="/LCP-image.webp" as="image">

As of writing this, FlyingPress is the only cache plugin I know that supports fetchpriority shown in their?changelog?in version 3.9.0.

nother Challenge For Background Images

If your LCP image is a background image and loads in a separate CSS file like Elementor does, your LCP image won’t be preloaded. You need to move the background image to inline HTML and preload it, or preload both the background image and the CSS file the image is located in.

“To eliminate unnecessary resource load delay, your LCP resource should?always?be discoverable from the HTML source. In cases where the resource is only referenced from an external CSS or JavaScript file, then the LCP resource should be preloaded.”}}}}

The page I need help with: [log in to see the link]