Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Learn More

Firefox momentarily rendering pages as text before html render

  • 4 respostas
  • 1 tem este problema
  • 9 visualizações
  • Última resposta por 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.

Todas as respostas (4)

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?

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.

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

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/