Plain-text upon page load


#1

For a split second while loading, my website displays mostly plain-text instead of the actual website. Any idea how to fix this? Screenshot attached.


#2

I don’t see the plain-text when loading your site. From the screenshot, it looks like you are logged into WordPress – maybe it only happens when logged in and the WP banner is displayed?


#3

Just loaded the site in Incognito mode logged out of WP and the same thing happened. Tried it in both Firefox and Chrome. :confused:


#4

Typically, flashes of un-styled content are caused by late loading of CSS style sheets. Late loading is often causes by non-deferred script elements placed before CSS link elements.

On your site, a script element (loading from CDNs) appear before the main CSS stylesheet link (autoptimize_e619*.css). That could be the causes of the problem:

<script src="https://ajax.cloudflare.com/.../rocket-loader.min.js" ...></script>
<link type="text/css" href="https://www.sunglasscrew.com/.../autoptimize_e619*.css" ... />

Another odd thing I noticed is that the autoptimize_e619*.css styles are linked twice. Once in the head, and again at the very end of the page. That’s probably harmless, but might be worth correcting.


#5

I will play around with the Autoptimize and/or Cloudflare settings.


#6

Fixed it. Thank you!!


#7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.