NO BUG: Images not displaying correctly until interaction

Bugs
1

Browser: Brave browser + Chrome
OS: Windows
URL: maco-design.nl
Video: Jam

Since this update, the hero images are misplaced and not covering the entire screen.
They stay like that until you move your mouse. So interacting with the browser makes them jump into their correct location and rescales the section.

When I’m logged in, it doesn’t happen. So it might be cache related. But this wasn’t happening before updating tot 10.2 or 10.3 (don’t know which one was before I updated).

Happens on mobile (safari) as well as in Brave browser & chrome browser?

2

There might be a relation with interactions. Since these also only start once you move the mouse.

3

Hi @MarketingSpectrum,

I would say it’s most likely some kind caching or delayed loading of styles. Looks like external styles only load after you move the mouse.

I suggest you try to disable all plugins, and then you will probably figure out if it’s still happening or not.

Let me know,
M

4

Another quick update:
I would try with disabling Prefmatters.

image
image2172×118 49.2 KB

You have this data-pmdelayedstyle attribute on elements, and down below, there is a Prefmatter code that uses this:
And this code runs on mouse/keyboard events.

image
image2168×198 53.3 KB

My bet is that it’s this one. So maybe check setting of it, how can you optimize it.

Best regards,
M

5

Thanks a lot! Solved now and everything is running fine.

It was due to ‘disable woocommerce scripts’ settings in perfmatters. Which is odd. But not a Bricks bug. I’ll get in touch with Perfmatters about this.

6

Thanks for your response and providing what was a solution.

I’ve marked the topic as a NO BUG.

Thanks,
M