Good morning guys,

i think you are wrong thinkjarvis. Maybe i wasn’t clearly enough.

The CLS doesn’t occur from the first color section from my home page.
I wrote, that the main impact came from several modules out of the cookie consent message on all of my blog post.

In total the CLS is over 0,2 mainly from several cookie elements, cookie box:
1. Diese Webseite verwendet Cookies zur Webseitenverbesserung. Wenn Du diese Webse…<div class=”container”> 0,125
2. Mehr erfahren / More information Button 0,047
3. Ok Button 0,035
….

As an example i gave this post: https://www.freitauchen-lernen.com/rekord-luft-anhalten/

Hope this is better for clarity.

Best regards
Sebastian

• This reply was modified 3 years, 4 months ago by Freediver2011.

Hey thinkjarvis,

this CLS is occouring also to all of my blog posts, which i’m editing with gutenberg, so i don’t have placed any color sections.

I’m wondering because i don’t made any changes since my last inquery for the high CLS.

If the text and newsletter sign up boxes are taller than the min-height set in the colour section background element then the box will re-size to suit as the elements load. This will cause a perceived layout shift.

I don’t know exactly how i can implement what you are suggesting. Do you have some custom css?

Here is one of my blogposts: https://www.freitauchen-lernen.com/rekord-luft-anhalten/

Best regards and thanks alot

Good morning guys.
Thanks for your helpful advice.

I’ll give it a try to see what helps and what not and let you know soon.

Have a pleasant day :)

Sebastian.

Hey thinkjarvis,

thanks for your reply.

I’m still using wprocket with preloading fonts and font-display:swap (in enfold perfomance settings and/or custom css).
My fonts are still optimized (downloaded and optimized) in the .woff format and hosted locally, so there should not be a load time from google servers.

But i still don’t know why i have that huge CLS, but i’m very hopeful, that this great team here will help me, like they did everytime before ;)

Best regards

Dear Ismael,

.big-preview.single-big {
height: auto;
width: 100%;}

This helps a little bit.

I’ve tried to disabling the lazy load option and removing the subscription form, but both are doing 0 impact on the CLS score.
The main impact factor is still the <div class=”entry-content” itemprop=”text”> on all of my blog posts even with less of images/videos.
I don’t know what the cp-module is, so a test here from me isn’t possible..Sorry.

Best regards
Sebastian

The problem still occur after flushing the cache.

I’ve found a solution now by myself.
I deactivated the second (logged in) menu and created redirections for non logged in users, if they are clicking on the protected menu links.
So the membership sites are safe now.

But thank you very much Rikard.

Best regards

What i mean is the size of the main menu items in the header. They are much to small and it’s also not possible to grow them up in the extended styling area.
And the general switch to bright blue or other color schemes is also not working. When i change to an already existing scheme, my blue grey is still applied without switching to the new color.

Hope that you know what i mean.

Best regards

Sebastian

I’ve removed all the custom css for testing. Problems are still existing. Which email do i have to put in for new admin login?