Inline and Defer CSS

  • Resolved fouldsy99

    (@fouldsy99)


    4 years, 9 months ago

    When I enable Inline and Defer CSS it causes problems with our opengraph meta tags when debugging on facebook debugger and twitter cards.

    Is there anyway to resolve this?

    Regards

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

    (@optimizingmatters)

    that is typically because the inlined CSS is too large. are you using critical css or did you add “above the fold CSS” manually?

    Thread Starter fouldsy99

    (@fouldsy99)

    Sorry my bad, the problem is when i enable Inline all CSS?, not Inline and Defer CSS.

    I don’ have anything in above the fold css manually, also I don’t use critical css.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    indeed, “inline & defer CSS” with a good “above the fold CSS” block is the best way to deal with this.

    Thread Starter fouldsy99

    (@fouldsy99)

    How do i get this css block?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    see the AO FAQ for more info on that fouldsy99, it has links to tools that help you generate that.

    Thread Starter fouldsy99

    (@fouldsy99)

    If i purchased through critical css, would that solve the problem with opengraph and improve page speed scores?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    if you activate critical CSS, rules would be created to add critical CSS and that would fix the opengraph problem (although when no rules are found at the start, all CSS is inlined, which can be avoided by adding a default rule). on pagespeed it will result in the CSS not being render-blocking, which can indeed be one of the actions that can improve the “first contentful paint” which can indeed help improve the overall score.

    hope this helps,
    frank

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Inline and Defer CSS’ is closed to new replies.