[Resolved] CLS issue and LCP issue

[David]

You’re welcome

[Anil kumar]

hi, I have installed Autoptimize plugin but till now there is no improvement in my CLS score.

[David]

If you can disable any optimization plugins then retest – this will help point out whether they are still causing a problem.

[Anil kumar]

I have done all the settings. But there is no change in my CLS score.

[David]

Can you disable the plugins and then retest – it will at least point out whether the plugins are the cause

[Anil kumar]

[Anil kumar]

I sent you the screen short of the plugin.

[Anil kumar]

My problem is not solved yet. I am facing this problem since last 2 months. I thought all my problems would be solved after buying the theme of Generate Press. but that did not happen. i’m so sorry for it.

[Anil kumar]

Maybe if I were a developer, I would have solved this problem myself.

[Anil kumar]

Now a new problem has come. My website logo is not showing. I put a logo. then after a while it goes away.

[David]

OK the Lazy Loading Images are now working correctly.
And now you have a completely different issue.

See here:

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

This the Film Strip created by Google Page Speed Insights.
I have marked the frames in Green – which are the first two where the lazy loaded featured image is correct
The red frames are when an Advert is inserted above the content which is creating a huge CLS issue.
I would suggests NOT loading adverts above the fold to fix this problem.

[Anil kumar]

But the ad above my image gets more clicks. If I stop, my revenue goes down. give me some suggestion what should i do.

[David]

You can try setting a minimum height for that advert container with this CSS:

.ai-viewport-3 {
    min-height: 300px;
}

[Anil kumar]

Do I have to put this code in CSS?

[David]

In Customizer > Additional CSS

[Author]

Posts