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

This thread was archived. Please ask a new question if you need help.

Website works in Chrome, IE, Safari, mobile. Broken in FF: Missing header, most images, broken span/div structures

  • 2 replies
  • 1 has this problem
  • 25 views
  • Last reply by zorrik

zorrik
zorrik
more options

I get "Skip to Content" at the top of the web site.

Website is https://simplexmerchantservices.com It's built using latest WP and Elementor Pro Using Cloudflare CDN It does not work for me or any of my employees in Firefox. I tried FF Safe Mode - no change. FF ver 73.0 64-bit

Cache/Data cleared New FF install

I get "Skip to Content" at the top of the web site. Website is https://simplexmerchantservices.com It's built using latest WP and Elementor Pro Using Cloudflare CDN It does not work for me or any of my employees in Firefox. I tried FF Safe Mode - no change. FF ver 73.0 64-bit Cache/Data cleared New FF install
Attached screenshots

Chosen solution

THANK YOU! Solution for me was the following: In WordPress I used Webcraftic Clearfy Plugin. Just disabling did not work as it kept the preload settings. I have re-enabled it, went to Performance->Minify (HTML/JS/CSS) -> CSS Options -> Inline and Defer CSS? -> OFF

Clear cash and all is perfect.

Read this answer in context 👍 0

All Replies (2)

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

Hi zorrik, it's interesting.

  • If I block scripts from running on your site, everything looks fine. That's the scenario for my first load because I use NoScript.
  • Once I relax that restrictions and let scripts run, the problem appears.

This is caused by using rel="preload" in your style sheet link tags. (There is a <noscript> block which loads the stylesheets directly so that's why the styles are applied when scripts are disabled.)

Unfortunately rel="preload" is not available in Firefox at the moment. This is indicated in the compatibility tables at the bottom of the articles:

It would be simplest and have the broadest compatibility to use rel="stylesheet" for those link tags. You could test whether it makes any performance difference in other browsers that support rel="preload".

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

zorrik
zorrik Question owner
more options

Chosen Solution

THANK YOU! Solution for me was the following: In WordPress I used Webcraftic Clearfy Plugin. Just disabling did not work as it kept the preload settings. I have re-enabled it, went to Performance->Minify (HTML/JS/CSS) -> CSS Options -> Inline and Defer CSS? -> OFF

Clear cash and all is perfect.