Inline and Defer CSS

  • Resolved jbalisto

    (@jbalisto)


    6 years, 12 months ago

    Hi Frank,

    Nice to meet you.

    My website is pretty fast, but I believe it has an above the fold issue because I am getting a brief delay with a white flash before pages load.

    When I select “inline and defer CSS” and paste the block of “above the fold CSS” in the input field (text area), am I changing my theme files? (I use Generatepress). One concern I have is whether I need to set up a child theme to preserve the change I will be making and to avoid modifying the parent.

    A second concern is I am unclear about how to modify one of Siteocity’s four minified/unminified critical path and load combined CSS files for pasting into Autoptimize.

    Thanks for the plug ins and your help,

    Joe

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

    (@optimizingmatters)

    AO does not make changes to the original CSS (or JS) @jbalisto, if you disable CSS optimization (or AO entirely) the original CSS will be used again.

    regarding Silelocity; you need the “minified critical CSS file”.

    hope this helps!
    frank

    Thread Starter jbalisto

    (@jbalisto)

    It did help, thanks.

    As I add and modify pages with my page builder and make other changes to the website, will I need need to update the “minified critical CSS file” that I paste into the input field for inline and defer CSS?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    As I add and modify pages with my page builder and make other changes to the website, will I need need to update the “minified critical CSS file” that I paste into the input field for inline and defer CSS?

    if those changes impact the structure of the visible part of the page, yes.

    example:
    * in the top part of your page (visible without scrolling) you change an image for another one, but at the same place with same dimensions -> not a structural change, no new CCSS needed
    * in the top part of your page (visible without scrolling) you add column with a CTA-button in your page builder -> structural change, new CCSS needed
    * in the middle of your page (not visible without scrolling) you remove an embedded video -> not in “above the fold”, so no new CCSS needed

    hope this clarifies,
    frank

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