How can I fix the cumulative layout shift issue on my homepage?

How can I fix the cumulative layout shift issue on my homepage?

sam212
Tourist
10 0 1

Hello everyone,

 

Is have issue on my homepage (Cumulative layout shift) but nothing work.

Did you have some recommandations ?

div.index-sections

top_bar.clearfix

 

My website : rose-fleur.fr

 

Thank you so much

(sorry for my english, i'm French).

 

Replies 3 (3)

Not applicable

Bonjour Sam!

Bien joué avec anglais!

 

Because of this topbar, your CLS is suffering.

 

To make sure of this, try disabling this topbar and checking again via Pagespeed.

 

You have very good metrics at Page Speed already. 

 

Hope that helps you.

sam212
Tourist
10 0 1

Thank you for you reply.

 

When i disable the top bar, all my header disappear. 

 i'm lost

Not applicable

Hi @sam212 

 

You don't have to disable the entire header. Most likely it is an announcement bar. If we are not mistaken, then it is configured in the theme settings. Theme->Customize or if you use the app, you can temporarily disable it.