Two CSS Files Render Blocking

  • Resolved saajanbedi

    (@saajanbedi)


    6 years, 7 months ago

    I’m using inline and defer option, But I’m getting two css files that are still render blocking after inline css . one normal css and one with noscript . whereas there should be one file that is the noscript one. Is this is do with plugin update.there is only one css file before inline & defer option is checked.

    -radial-bar
    .inset{border-radius:50%!important}#wp-admin-bar-autoptimize
    tr{border:0!important}#wp-admin-bar-autoptimize
    td{background-color:#32373c!important}.lazy-hidden{opacity:0;background-color:#fff}.lazy-hidden{background-color:#fff}</style><link rel=”preload” as=”style” media=”all” href=”http://cpn.spanblog.com/wp-content/cache/autoptimize/css/autoptimize_9b6d047f0ae030f64f3a9c36eae907a2.css” onload=”this.rel=’stylesheet’” /><noscript id=”aonoscrcss”><link type=”text/css” media=”all” href=”http://cpn.spanblog.com/wp-content/cache/autoptimize/css/autoptimize_9b6d047f0ae030f64f3a9c36eae907a2.css” rel=”stylesheet” /></noscript>

    • This topic was modified 6 years, 7 months ago by saajanbedi.

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

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

    (@optimizingmatters)

    6 years, 7 months ago

    No, this is correct, notice

    <link rel=”preload”
    and
    onload=”this.rel=’stylesheet’” />

    this means the CSS does not load a stylesheet but as “preload” and gets turned into “stylesheet” by JS after load.

    if the CSS-file is still identified as render-blocking, then your “inline CSS” is not OK.

    hope this helps,
    frank

    Thread Starter saajanbedi

    (@saajanbedi)

    6 years, 7 months ago

    this is in updated version of the plugin . you can check my test.spanblog.com subdomain for this.MY Desktop version website only shows render blocking css files, no blocking resources on mobile version. I want to know what are the benifits of preloading file ,Is is this something similar to Pjax or Browser hinting.

    • This reply was modified 6 years, 7 months ago by saajanbedi.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 7 months ago

    I know, my answer assumes you’re the updated version (in fact; that way of loading deferred CSS is new in 2.2) … 🙂

    Thread Starter saajanbedi

    (@saajanbedi)

    6 years, 7 months ago

    Lazy load plugin conflicting with AO. any idea of troubleshooting.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 7 months ago

    I want to know what are the benifits of preloading file

    the fact that the CSS loads but is not render-blocking.

    Lazy load plugin conflicting with AO. any idea of troubleshooting.

    maybe, if you describe the conflict; what is (not) happening? 🙂

    Thread Starter saajanbedi

    (@saajanbedi)

    6 years, 7 months ago

    When I deactivate the Lazy load plugin,There is no CSS file render blocking.I have tried different lazy load plugins but issue is same.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    6 years, 7 months ago

    well, can you tell that lazy-load plugin to leave the specific JS alone (e.g. the one that switches the preload to stylesheet?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Two CSS Files Render Blocking’ is closed to new replies.