[Resolved] FOUC Logo

[Sebastien]

Hey,
I’ve noticed a FOUC on my logo (positionned into my main navbar) every refresh/loading pages.
I use WPRocket.

Is there anyway to fix it?

thanks

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Sebastien]

I’ve just edited !

[Leo]

Hmm I don’t see the URL at all.

Can you double check?

[Sebastien]

every time I edit, the field is empty.
But I edit and save … is there a prob with your forum?

[Tom]

Hi there,

Sorry about that! Can you try now?

[Sebastien]

Hi,
It’s ok now! I’ve edited the link, and it seems to be saved!

[David]

Hi there,

Elementor provides some advice on that here:

https://docs.elementor.com/article/249-embedded-template-css-loading

Before doing that i would look to minimise CSS redraws. Try disabling the animations on the page to see if that improves. You should avoid using them above the fold.

[Sebastien]

hey !
I’m not sure to understand.
My logo is located in my main nav bar in my theme.
There is no elementor widget embedded.
The first animations I use are in my content (made by elementor where my H1 is) : it is not generated by the theme. Do I need to stop using completly animations?

In the page /actualite , the entire page is made by generatepress only and the logo still FOUC.

I’ve tried to desactivate ELEMENTOR & clear cache. but when I reload any page I see the logo still “FOUC”…

[David]

Sorry but i couldn’t / can’t see the logo FOUC, i could see the above the fold content flash on load though. If you want to reactivate elementor i can take another look

[Sebastien]

the “fold” is the bottom of the screen?
I’ve just reactivated elementor

[David]

Effectively yes, Above the Fold means the first part of the page to be loaded ( its an old Newspaper term 🙂 ).

Which lazyloader plugin are you using? As it is also applying to the logo

[Sebastien]

ahah 😀
I use 2 pluggins that can be linked to lazyload:
WP Rocket & Hide My WP Ghost

but I’ve tried to desactivate them but it still remains.
Have you also noticed what I meant by my logo FOUC ?

hummm =/

[Sebastien]

could not be due to the @font (woff2) icon put in submenu? or to the fact I don’t use Logo Retina?

EDIT: it seems the logo into the sticky header doesn’t FOUC. Only the Logo in the standard header does FOUC

EDIT2: it seems there is an error with submenu when Hovering menu: Services… this error only happens from the home page.

[David]

Can you flush and disable you cache so i can see whats messing with the order of things loading.

[Author]

Posts