Header loading big

[stevanvermeulen12]

Hi,

I’m having an issue with the header; it’s during the initial leading phase, it’s displayed much bigger than it should. After 2 sec it goes back to normal.

How can I fix this?

Thank you,
Stevan

[christopher]

Hi Stevan,

I checked in detail and found out that an interesting thing is happening. While the image is not loaded yet, a blank SVG image is loaded which has a big height and causes the whole header to grow height-wise. As soon as the logo image is loaded, it is swapped with the logo and it fits all together.

I am sure that our theme does not have anything to do with that empty SVG logo, and with access to only the front end of your website I am not sure what it is causing the issue. But upon checking the HTML code I have got a clue that might help.

I found out that inside the logo image HTML code there is an additional attribute data-lazy-src this is not part of our theme and most probably a code added by a plugin or script that you use for Lazy Loading the images.

I checked the source code and found out this folder:

plugin/rocket-lazy-load

I guess you should have a plugin with the same kind of name which causes the issue. You can test that, by disabling the plugin and clearing any kind of cache that you might have and test the website.

If the problem is that you can contact their support to know what to do to avoid this bad effect .

I hope that I could give context to the problem that you are experiencing.

Thank you,