FOUC - Flash of unstyled content


My Gatsby app gets this FOUC when hosted at Netlify, and i don’t know what to do to fix it. At first render i get this unstyled - or actually partially styled page, which looks like it has this white gradient over it.

I’ve tried to search for someone with the similar problem.

Any ideas?

site url:

Hi @arnelamo, took a quick look at your site and do see the following console error:

Refused to apply style from '' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Not sure but that url doesn’t seem correct. Perhaps, that’s what is causing your issue?

What @Dennis said, plus:

FOUC compared to what? Another hosting service? Your local instance? Keep in mind that there are many instances of things that look great at localhost speed, but that don’t work very well once you add in Internet latency.