This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Firefox momentarily rendering pages as text before html render

  • 4 antwoorde
  • 1 het hierdie probleem
  • 9 views
  • Laaste antwoord deur esc952

esc952
esc952
more options

Firefox 54.0 (64-bit) is rendering pages on my website (https://hitandruncandlesticks.com/) as text for a split second...and only then rendering it as html using CSS. This is not a problem using Chrome, only Firefox.

Here is a link to a 38sec video demonstrating the issue on any page of my website. https://www.screencast.com/t/fyDx00ISmwPj

Why is this the case and how do I solve it?

Thanks in advance.

Firefox 54.0 (64-bit) is rendering pages on my website (https://hitandruncandlesticks.com/) as text for a split second...and only then rendering it as html using CSS. This is not a problem using Chrome, only Firefox. Here is a link to a 38sec video demonstrating the issue on any page of my website. https://www.screencast.com/t/fyDx00ISmwPj Why is this the case and how do I solve it? Thanks in advance.

All Replies (4)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

This is pretty extreme. I've never seen this before.

When I look into the source code, there is something very unusual about your style sheet link tags. For example:

<link rel='preload' id='jmbootstrap-style-css' href='https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css' as="style" onload="this.rel='stylesheet'" type='text/css' media='all' />

Firefox does not support rel='preload' so those are not being handled in the correct sequence, and it's interesting that they work at all. (http://caniuse.com/#search=preload)

Assuming these are being created by your caching plugin rather than your theme, can you ask WP Rocket support for how to serve Firefox normal style sheet links instead of those preload links?

esc952
esc952 Vraag-eienaar
more options

Thanks, I'll check with WPRocket.

I've also asked Microsoft when they might catch up (support the preload function) and will post any response here for future user reference.

I'll see if I can ask the Firefox Dev team if they have plans for future support of that preload function as well.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

esc952 said

I'll see if I can ask the Firefox Dev team if they have plans for future support of that preload function as well.

There is a bug pending for it, but it might not be standardized by W3C yet, and that can hold things up.

https://bugzilla.mozilla.org/show_bug.cgi?id=1222633

esc952
esc952 Vraag-eienaar
more options

Thanks. It does appear bureaucracy of W3C is dragging far behind and for whatever reason Firefox and Edge have decided to lag rather than lead.

WPRocket has yet to respond.

However, Microsoft tells me the Preload function has been shipped by: - Chrome - Opera Is under development by: - Safari - Firefox and is under consideration by: Edge. IE11 (discontinued will not support it).

This can be seen here: https://developer.microsoft.com/en-us/microsoft-edge/platform/status/preload/