Member Avatar for useruno1

Hello guys, recently i've update my website to php7.0, I'm runing some low minify CSS and JS. I encounter some css problems in Firefox & Internet Explorer with the all UI.
Any idea what causes this problem and how can be solve it please? With Chrome broswer works perfectly. Cheers, really appreciate ur help.

The website its: https://optimac.ro/

  • 1 Contributor
  • 1 Reply
  • 2K Views
  • 1 Hour Discussion Span
  • Latest Post Latest Post by useruno1

Dani AI

Generated

Good catch, . What you ran into is a classic side effect of deferring styles: Firefox and IE tend to paint earlier and are less forgiving when CSS arrives late or in a different order than expected. That can show up as a full UI wobble (FOUC) or rules being applied inconsistently if the plugin injects styles after overrides. Chrome often masks this because of different preload and paint heuristics.

If you still want the performance win without breaking layout, a safer pattern is:

  • Inline a small, truly critical slice (base layout, header/nav, typography defaults).
  • Load the rest with a robust fallback, and keep stylesheet order stable.
  • If you must support older browsers, build fallbacks (no CSS variables) and enable Autoprefixer with grid support; test in Edge’s IE Mode.

Example async pattern that plays nicely across engines:

<link rel="preload" href="/assets/app.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/assets/app.css"></noscript>

Practical checks:

  • Throttle the network in DevTools and watch first paint; if layout jumps, your critical CSS is too thin or loaded too late.
  • Toggle minify/combine/defer features one at a time to isolate order changes.
  • Verify no vendor prefixes were stripped that older engines need, and that print/RTL/themes load after framework CSS.
  • Review analytics: if IE usage is effectively zero, consider dropping IE-specific workarounds to simplify your pipeline.

This approach preserves performance while keeping Firefox and legacy engines from flashing or misapplying styles.

Member Avatar for useruno1

Found this isssue, was from my litespeed cache plugin/wordpress: "Load CSS Asynchronously" (Optimize CSS delivery. This can improve your speed score in services like Pingdom, GTmetrix and PageSpeed.) API: Elements with attribute data-no-async="1" in html code will be excluded.

This topic can be closed, sorry for the inconvenience!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.