HTML/CSS Load order

  • I’ve been working on optimising the speed of my website and have somehow managed to change the load order of my CSS.

    The HTML loads and the website looks all messed up until the css loads in. Any one know what I need to change to fix this?

    Here is the site: https://lpc.elcho.org/

    Here are some of the Plugins used
    Autoptimize
    Remove query strings from static resources
    WP Super Cache

    • This topic was modified 8 years, 6 months ago by insightds.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Morning insightds;
    You’re using the “above the fold” plugin which tries to optimize the CSS delivery. That should plugin output the “critical CSS” directly in your HTML and loads all other CSS late, but in your case the “critical CSS” only has

    
<style type="text/css">/*! Above The Fold Optimization 2.4 */</style>

    The reason is that “above the fold” requires node.js to be available on your server, which I guess is not the case?

    If I were you I would disable “above the fold” and activate Autoptimize’s CSS optimization instead as a first step.

    Hope this helps,
    frank (autoptimize dev)

    Thread Starter insightds

    (@insightds)

    Thanks Frank,

    Disabling above the fold did fix the issue however when I enable “Optimise CSS Code?” the page just keeps trying to load.

    Any ideas ?

    Can you try switching to the legacy minifiers as explained in Autoptimize’s FAQ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HTML/CSS Load order’ is closed to new replies.