CLS issue and LCP issue

Hi there,

Just ran your site through Lighthouse test and the result is excellent:
https://www.screencast.com/t/4js4eMM4cyuA

Have you resolved this?

But I'm still facing this.

But I'm still facing this.

But I’m still facing this.

As the description shows, that's the data over the last 28 days:
https://www.screencast.com/t/mutAIOtr

The Lighthouse test is the current data which is the important one.

The 28 days average data should be corrected over time.

Hope this helps :)

Thank you, ok i'll wait a few days.

No problem :)

I told about this problem a few days ago. At that time I was told that this problem of yours will be fixed in a few days. but the problem is not fixed yet.

pls see screen short - https://www.screencast.com/t/iLn6xh9gbcwO

Hi there,

the issue is NOT theme related it is the JetPack Lazy loader see here:

https://www.screencast.com/t/KxT2vZyZ2R

On intial load JetPack inserts a Square Placeholder Image, this isn't respecting the original images aspect ratio, so the browser reserves a much taller space then is required. Once the real image loads the browser adjusts for the correct size, causing CLS.

You need to raise the issue with JetPack or use a different Lazy Loading plugin

what should i do now? Stop lazy load plugging jetpack? Or download a new lazy loading plugin?

Unless JetPack support can provide a fix for it loading the incorrect size then yes, you would need to stop using JetPacks lazyloading.

I know that the Lazy Loader in the Autoptimize plugin and in PerfMatters does keep the correct image sizes.

So do I have to download the Autoptimize plugin ? Will this fix my problem ?

To fix the problem - you simply need to NOT use the JetPack lazyloader or speak with their support - they may have a fix for that.

If you choose NOT to use Jetpack Lazyloading then if you want you can Install Autoptimize for its Lazy Loader.

Thank you so much.