Autoptimize CriticalCSS.com Power-Up blocks Open Graph

  • Resolved janpan6

    (@janpan6)


    4 years, 11 months ago

    Hello!

    Additional Plugin Autoptimize CriticalCSS.com Power-Up blocks Open Graph (images and title) in budynkowo.pl website.

    Could you help to ruled out this?

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

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

    (@optimizingmatters)

    When the plugin is activated there are no rules yet, in which case all CSS is inlined to ensure nothing is render-blocking, but that indeed pushed that other content (incl. the OG-tags) down.

    The easiest solution is to create a “default rule” which then is used when no normal rules match (yet).

    hope this helps,
    frank

    Thread Starter janpan6

    (@janpan6)

    Thank you! Do you know how to create a default rule and how should it looks like?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    sure; go to https://criticalcss.com/ (make sure you’re logged in), enter a URL for a representative page of your site in the “URL”-field and press “Generate”. Wait for the job to finish and then click on the copy/paste icon next to it to put the critical CSS in the copy/paste buffer.

    Next go to WordPress -> Settings -> critical CSS and there click on “add default rule CSS” and paste the critical CSS from the previous step in the modal popup, click on “Submit” (the modal will close) and then on “Save Changes”.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Autoptimize CriticalCSS.com Power-Up blocks Open Graph’ is closed to new replies.