BeTheme - Header loads late

Comments

• Phil

  February 2021

  Hello,

  I have visited your website, it loads pretty fast, and I did not notice that the header loads slower than the rest of the content.

  But if you would like to change it, and force the Header to load before the rest of the content, you will have to install the Preloader and set it there.

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• econsor

  March 2021

  Hi,

  Thanks for the quick reply.

  Sorry for not explaining my problem properly. The problem is that the header creates a layout shift when loaded.

  Is there a way to fix this?

  Thank you in advance.
• Phil

  March 2021

  Can you explain to me greater what do you mean by "layout shift", please?

  How should it look compared with the current display?

  
  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• econsor

  March 2021

  If you inspect for example the homepage. Inside the DevTool under "Performance". Set the Network to "3G Fast" and CPU to "6x slowdown". Then when you reload the page you can see that the header loads after the content and shifts the layout. That's what were trying to prevent. It creates a bad Score in our clients Core Web Vitals (Cumulative Layout Shift).

  Is there a way to fix that?

  Thank you in advance.
• Phil

  March 2021

  Sorry, but it was created in that way, and unfortunately, there is no option to change it.

  The only thing I can recommend to you is to use the Preloader, and it will prevent displaying the content of your website before it is fully loaded.

  
  

  Best regards

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next