[NSFW] 3 externally-referenced CSS files are blocking page rendering.

  • Resolved nicksterne

    (@nicksterne)


    2 years, 7 months ago

    By default, references to external CSS files will block the page from rendering while they are fetched and executed. Sometimes these files _should_ block rendering, but can be inlined to avoid additional round-trips while the page is waiting to render. Sometimes, such as with stylesheets that are only used for loading custom fonts, inline or async CSS can greatly improve perceived performance.

    • /wp-content/cache/autoptimize/css/autoptimize_8b064df879c95360848e37c75875d56d.css
    • /wp-content/cache/autoptimize/css/autoptimize_4a81dae85bdffd32a275e74592f428b2.css
    • /[email protected]/dist/simplebar.min.css

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    2 years, 7 months ago

    Have a look at the “eliminate render-blocking CSS” option to fix this, but do take into account you’ll have to either;

    a) generate & copy/paste the “above the fold CSS” in the field below (more info in the AO FAQ, look for “inline & defer CSS”) OR
    b) create manual rules on the “critical CSS” tab (generating critical css for each rule) OR
    c) take a subscription over at criticalcss and paste your API in the field on the critical CSS tab

    hope this helps,
    frank

Viewing 1 replies (of 1 total)

The topic ‘[NSFW] 3 externally-referenced CSS files are blocking page rendering.’ is closed to new replies.