inlining “above the fold” CSS without API Key?

  • Resolved lionsinthepiazza

    (@lionsinthepiazza)


    2 years, 6 months ago

    I had a professional help set up Autoptimize (as well as WP SuperCache) several months ago, but recently my site is getting low PageSpeed ratings. Render-blocking issues are the biggest culprit, with a big LCP.
    I thought I might try to inline “above the fold CSS” as per the FAQ.
    I loaded my website URL into the sitelocity Critical Path CSS Generator, which generated four files (Unminified Combined CSS, Minified Combined CSS, Unminified Critical CSS, and Minified Critical CSS)
    The Autoptimize Critical CSS tab gives instructions for using an API Key, but I was hoping to try it manually first. Which of the four files would I use? Do I select “Add New Rule”, “Edit Default Rule CSS”, or “Add CSS to All Rules”?

    Thanks for your help!

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

    (@optimizingmatters)

    you should use the Minified Critical CSS (but without the opening and closing <style tags that sitelocity adds) lionsinthepiazza and add it in “default rule CSS” first and foremost.

    hope this helps,
    frank

Viewing 1 replies (of 1 total)
  • The topic ‘inlining “above the fold” CSS without API Key?’ is closed to new replies.