Search code examples
wordpresstwitterfacebook-social-pluginsdisqusfacebook-comments

Body and header text flickering while social media plugins load

I've placed a number of social media plugins in our blog templates:

  • Facebook like
  • Tweet
  • Google +1
  • FB Comments
  • Disqus Comments

While these modules load, I'm getting a flickering effect on all text, including H and P tags. Anyone have an idea as to what's causing this / possible remedy?

The page in question can be found here:

http://www.windycitywebsites.com/developing-a-navigational-structure-that-works-for-visitors-and-crawlers-alike/

Solution

  • What you are seeing is FOUC. http://en.wikipedia.org/wiki/Flash_of_unstyled_content

    Try the techniques listed here:

    http://www.learningjquery.com/2008/10/1-way-to-avoid-the-flash-of-unstyled-content