LCP and CLS Improve

Hello,

Recently I made a website that LCP and CLS are very low in mobile



Please help me to improve these things

I am using WordPress so if any best plugin available then let me know for improving it

Please check the screenshot for a better understanding

Thank you in advance

This happens mostly because of Ads on top of the pages or lazy loading a picture (even the logo), iframe or anything similar in top of the page

Regarding CLS, run your site´s URL through this tool. It will tell you what element or elements on your site is causing CLS...

webvitals.dev - CLS Debugger

On the other hand, regarding your site´s LCP, it´s really hard to pinpoint what is causing that issue.

Usually, LCP issues are caused by:

• Slow server response time
• Poorly optimized images
• Render-Blocking resources
• Among a few others

So, when running your sites on tools like GTMetrix, Pingdom, or WebPageTest, make sure to take a look at the waterfall tab. It should be easy to spot the issue from there.

But, ultimately, focus on implementing this...

• Fully optimize images
• Make use of a CDN for your static resources
• Caching
• Optimize your site´s above-the-fold resources (Critical Path CSS)
• Optimize external scripts

Cheers!!

Website to generate critical path CSS?