Firefox not loading page elements, no errors or warning on console
I'm very disappointed with Firefox, my website is simply not working, no errors or warnings at the console, just doesn't work... take a look at https://www.dentistinkaty.com, it works perfectly in other browsers like Edge, Chrome or Opera, just not working on Firefox... the browser reports to load all objects buy my page looks, well... no style, no pictures... what's going on? I'm building my page according to standards, this makes no sense...
Další informace o systému
- Identifikace prohlížeče: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0
Website under construction... We will finish soon, thank you for your understanding.
I get the same when using Win IE. But if I use Win Edge, I get the missing elements.
Yes, because at this point I just have the navbar complete and the carousel, nothing more than that... the problem is when I load the website using firefox 68.0.2 (64-bit) (up to date, according to them), I see only what I post on the first message screenshot.
I tried several things and at the end, I noticed firefox is not loading any of my CSS files... I was using the following:
<link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="preload" as="style" onload="this.rel='stylesheet'" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"> <link rel="preload" as="style" onload="this.rel='stylesheet'" href="/estilo.min.css" asp-append-version="true" />
For some reason, firefox did not like the rel="preload" or at least does not understand correctly what we are trying to do...
WHAT I REGRET FROM FIREFOX: They promote the preload practice on their MDN website but they do not wish to comply with their own documentation, and even worse, they do not show any errors on the console... if you do not support a feature, it should at least show an error saying "Firefox does not support this or that" but just show that everything is working fine well... makes me feel that I have to investigate on my own, removing parts from my website trying to find the solution... could this be the compression? could this be the minifying process?
Hi Guillermo, unfortunately rel="preload" is not available in Firefox at the moment. This is indicated in the compatibility tables at the bottom of the articles:
Since you are placing your link tags at the end of the content, and you want them to be applied immediately as soon as they are retrieved, there isn't a reason to use preload on your page. I'm sure there are other use cases where it would be relevant, but for now, it would be simplest and have the broadest compatibility to use rel="stylesheet" for those link tags.
If you personally want to test out how well preload works in Firefox, you can toggle a preference, but this isn't something you could rely on users to do:
(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk.
(2) In the search box above the list, type or paste prelo and pause while the list is filtered
(3) Double-click the network.preload preference to switch the value from false to true