Header shake while loading new page + Problem with CLS on Header

  • Hi everyone!

    I’m having a visual issue with my website: https://elpezbetta.com/

    As you can see, if you navigate through the different pages (it’s under construction so the links at the header are the legal terms because there is only the home and the legal terms) clicking or reloading the page, you can see a shake or flicker on the header. It’s so quickly, but I want to know why this is happening and how to resolve this visual issue.

    Also, in Desktop I have a CLS of 0.400!! I have checked it on https://www.webpagetest.org/ and it seem that on desktop it loads the menu version of mobile first, then it hides and show only the desktop. Anyone can explain me why is this happening?

    Thank you so much in advance!

    • This topic was modified 2 years, 8 months ago by iancm.
    • This topic was modified 2 years, 8 months ago by iancm.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @iancm,

    Please refer to this thread and this one, and let us know how you go.

    Kind regards,
    Herman ??

    Thread Starter iancm

    (@iancm)

    Hi Herman!

    Thanks for your quick response! By now I Have disabled all JS, CSS & HTML options of LiteSpeed Cache plugin (my hosting has this technology), and CLS has gone on desktop. I think I should activate 1 by 1 to see where is the problem and what is causing the double menu loading on desktop (see image attached)

    https://drive.google.com/file/d/1po2wPKMpPcoUV-TiITbByjDMU0hnFHtB/view?usp=sharing

    It only remains a little shaking of the header menu on mobile and desktop which I would like to know why is this shaking happening when loading a page. It only causes 0.00X CLS (which is ridiculous), but I see many pages with Astra theme that has 0 shacking when loading a URL, for example: https://www.bettamania.com/

    I tried to deactivate the plugin, purged all, etc. And this shaking still remains, so I believe is not related with cache?

    Looking forward to hearing from you.
    Many thanks in advance!!

    • This reply was modified 2 years, 8 months ago by iancm.
    Thread Starter iancm

    (@iancm)

    Good evening!

    Any update on this? Still having 0.300 CLS because of this double menu loading on Desktop version (see image atached) ??

    https://drive.google.com/file/d/1po2wPKMpPcoUV-TiITbByjDMU0hnFHtB/view?usp=sharing

    Thank you so much in advance!

    Hi @iancm,

    I checked your site and didn’t see the double menu. Refer to this video, please. Have you managed solve it?

    FYI, the double menu issue, it is always related to optimization. Reconfiguring the optimization plugin will fix the issue.

    ?Please let us know if you need further assistance or if I am missing something.

    Kind regards,
    Herman ??

    P.S. We always recommend reaching out to us through Support Portal for quicker help and resolution as mentioned here.

    Hi @iancm ,

    I am facing the same issue. Did you find any solution. Please help.

    Thanks in advance.

    • This reply was modified 2 years, 3 months ago by mevivekch.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Header shake while loading new page + Problem with CLS on Header’ is closed to new replies.