• I believe I am experiencing a conflict with one of my CSS files and Autoptimize’s CSS optimization. This issue is causing my site to render blank HTML.

    I managed to pinpoint the issue to CSS optimization, but not sure how I can figure out which CSS file I should block from optimization. Could I get some help with this?

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

    (@optimizingmatters)

    OK, first of all; what happens if you disable “also aggregate inline CSS”?

    Thread Starter rickypilli

    (@rickypilli)

    Sorry for the late response. If I disable the “also aggregate inline CSS?” option but keep the “Optimize CSS Code?” checkbox enabled, I still get the blank HTML. It’s only when I disable the “Optimize CSS Code?” that I get my site functional.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, so any difference if;
    * you untick “minify excluded CSS/ JS”?
    * you untick “aggregate CSS”?

    frank

    Thread Starter rickypilli

    (@rickypilli)

    Untick “aggregate CSS” -> no change, blank screen
    Untick “minify excluded CSS and JS files?” -> no change, blank screen

    So I am pretty sure there is a file that we haven’t excluded that is causing a conflict. Looking at the inspector on our homepage, I see we have a lot of CSS coming from
    wp-content/themes/storefront/style.css?ver=….

    Maybe I should try excluding that whole directory?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    before continuing; you don’t have any other plugin also doing CSS optimization (minification), do you?

    if not (while “minify excluded CSS/ JS” is off) can you try;
    * excluding wp-content/themes
    * excluding wp-content/plugins instead

    Thread Starter rickypilli

    (@rickypilli)

    As of right now, I only have a few essential plugins enabled while testing this issue. None of them besides AO is doing any optimization.

    And just to clarify, I want to place “wp-content/themes” in the “Exclude CSS from Autoptimize” field correct?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    in the comma-separated CSS optimization exclusion field, yes.

    Thread Starter rickypilli

    (@rickypilli)

    No luck. With “minify excluded CSS/ JS” being off, I excluded both plugins and themes, and I still get the blank HTML. Any other ideas?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    and what is “also aggregate inline CSS” set to?

    Thread Starter rickypilli

    (@rickypilli)

    It’s disabled. It’s also grayed out. Whenever I enable Aggregate CSS-files (which is also disabled as of testing), it stops being grayed out.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    right-o, forgot about that ??

    OK, so what happens if you exclude wp-content from CSS opt.?

    Thread Starter rickypilli

    (@rickypilli)

    Hmm, it is not working as well.

    My Exclude CSS from Autoptimize reads exactly as:
    “admin-bar.min.css, dashicons.min.css, wp-content”
    I’ve tried it with “/wp-content”, and still no luck.

    Every field besides “Optimize CSS Code?” is disabled.

    And then I click “Save changes”. I’ve also tried “Save changes and Empty Cache” both produce the same result.

    “Minify excluded JS and CSS” is disabled.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    in that case we’re at a point where almost everything is excluded from CSS optimization … :-/ what if you also exclude wp-includes ?

    Thread Starter rickypilli

    (@rickypilli)

    Same deal. Am I not excluding them properly, or is AO not recognizing what I’m trying to exclude? Still, every time I disable Optimize CSS, everything works fine.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    no, your exclusion list is perfect and AO cannot but exclude those … pretty much stumped. is there any info in your PHP errorlog?

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘CSS File Causing Conflict’ is closed to new replies.