Stack Overflow
Stack Overflow

Questions tagged [fouc]

A flash of unstyled content (FOUC) is an instance where a web page appears briefly with the browser's default styles prior to loading an external CSS stylesheet.

A Flash of Unstyled Content (FOUC) is a phenomenon which occurs when an issue with markup (HTML), styles (CSS), or scripts (JavaScript) causes the browser to briefly display the content of a Web page without any styles applied. This is generally undesirable since the page often appears quite different from intended.

If you are working on a Web page and you see content not displaying as it should for a brief period, followed by a correct display, this tag is appropriate for your question.

96 questions
0
votes
1 answer

Flash of Unstyled Content problems

I'm using Head.js, Google Web Fonts, and pulling some content from elsewhere on the web (placeholder images). What I've noticed is that on page load I see unstyled content, then my heading font loads properly, but not at the proper weight, and then…
user974703
  • 1,653
  • 4
  • 20
  • 27
0
votes
1 answer

Prevent FOUC using jQuery UI Accordion and javascript loading in body

My current problem is that my webpage suffers from FOUC using the jQuery UI Accordion plugin and javascript being loaded at the end of my html-body-tag. When I include the javascript in the head everything loads just fine. html5boilerplate…
mayrs
  • 2,299
  • 2
  • 24
  • 35
0
votes
1 answer

comparing strategies to avoid flash of unstyled content (fouc)

I need to control CSS with a cookie: When the user chooses a style through a control I include on all of the pages, that setting needs to persist until the user changes it or the cookie expires The default style nor a FOUC should occur when the…
obdurodon
  • 51
  • 8
0
votes
0 answers

CSS preprocessor with anti-FOUC support

FOUC is a common user experience problem for sites with a lot of CSS (especially after you start combining your CSS files), and the common solution is to separate important layout rules in a small standalone file which is loaded first. That leads to…
Tgr
  • 27,442
  • 12
  • 81
  • 118
-1
votes
1 answer

Untouched Create React App experiences Flash of Unstyled Content

After initializing a new CRA I noticed a FOUC issue out of the box. I uploaded the app to S3 to see if the built application would have the same problem and the issue was gone. Has anyone seen this and know of any fixes? I've spent some time…
jrnxf
  • 744
  • 8
  • 22
-1
votes
1 answer

Preventing FOUC using $(document).ready() event

I am trying to prevent FOUC on my site. This is my code so far:
Jason Rogers
  • 667
  • 1
  • 6
  • 19
1 2 3 4 5 6
7