Fixing render blocking css file

  • Resolved ezwebs

    (@ezwebs)


    7 years, 3 months ago

    Hello I am trying to fix render blocking CSS recommendation from google page speed.

    <style>here goes critical path</style>
    <link rel=”preload” as=”style” media=”all” href=”wp-content/cache/autoptimize/css/autoptimize_fb3761d5ff1bb5dcb1bc273f35788f8e.css” onload=”this.rel=’stylesheet'” />
    <noscript id=”aonoscrcss”>
    <link type=”text/css” media=”all” href=”wp-content/cache/autoptimize/css/autoptimize_fb3761d5ff1bb5dcb1bc273f35788f8e.css” rel=”stylesheet” />
    </noscript>

    I use Autoptimize for this purpose, so I inserted critical path and checked defer CSS. However google doesn’t count this as a fixed recommendation. From this code part, is there any issues that causing it, or it something else? Any hints on how to troubleshoot this issue?

    And also google shows 2 blocking css files with the same name and url.

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

    (@optimizingmatters)

    this is most likely a problem with the critical css you entered, google’s pretty particular about that. try generating is elsewhere or -if you’re into CSS somewhat- try tweaking it yourself.

    hope this helps,
    frank

Viewing 1 replies (of 1 total)
  • The topic ‘Fixing render blocking css file’ is closed to new replies.