Booklium layout shift

[Erwin van Dijk]

Hi,

I’m currently building a new website with booklium. I have adjusted one of your templates. When I run lighthouse, I get a big layout shift caused by the top menu bar when I use a logo with height > 28 px.

It first loads a thin (empty) menu bar that shifts to a wider bar once the logo is loaded, causing the layout shift on both desktop and mobile. The logo is not lazy loaded, so this is not the problem.

When I use a logo with height < 28 px, everything is perfect but this is unfortunately not an option.

Any idea how to solve this?

[Erwin van Dijk]

Problem solved. It was the social menu button that was causing issues.

[J. Davis]

Hi Erwin,

Thanks for sorting this out. Feel free to ask any additional questions.

best regards,
John Davis

[Author]

Posts