• Resolved davidwong3937

    (@davidwong3937)


    Hi, with the most recent update of autoptimize 3.1.4, some CSS related issue appeared. The console will show “[url]/bootstrap.min.css.map” 404 error.

    To add, disabling “Aggregate CSS-files?” will solve the CSS issue temporarily.

    Is it a bug or what is the advised solution?

    • This topic was modified 3 years, 6 months ago by davidwong3937.
Viewing 15 replies - 1 through 15 (of 19 total)
  • Thread Starter davidwong3937

    (@davidwong3937)

    To add, disabling “Aggregate CSS-files?” will solve the CSS issue.

    thanks

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    source map files are only requested when the developer console is active and are only used for debugging purposes. they are not needed or used for “normal” visits or the site. is there, except for those source map files 404’ing, any problem with the site when “optimize CSS” is active?

    frank

    Thread Starter davidwong3937

    (@davidwong3937)

    Thanks for replying. Yes, there are CSS issue when “Aggregate CSS-files” is enabled.

    only happened after the most recent update.

    Once I turn off the “Aggregate CSS-files”, CSS issue gone.

    The “bootstrap.min.css.map” 404 issue was spotted after “Aggregate CSS-files” is enabled too. Once turned off “Aggregate CSS-files”, 404 error gone in the console too.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, did a quick review of the changes in CSS optimization and the only change is how CSS in “injected” in the HTML if “inline all CSS”, but there are no changes in how CSS is aggregated.

    can you explain what the CSS issues are/ how they affect the way the site is rendered? and can you share your site’s URL?

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    any news davidwong3937 ?

    Thread Starter davidwong3937

    (@davidwong3937)

    Hi, sorry for the late reply.

    issue still exists: once CSS is aggregated, some CSS can’t be loaded, style changed.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, what happens if you untick “also aggregate inline CSS”?

    Thread Starter davidwong3937

    (@davidwong3937)

    Hi @optimizingmatters thanks for replying. Still the same after unticking “also aggregate inline CSS”

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, now in the comma-separated CSS optimization exclusion field, can you try excluding one of below each line and report back?

    * wp-content/themes
    * OR wp-content/plugins
    * OR wp-includes/

    Thread Starter davidwong3937

    (@davidwong3937)

    Thank you for the advice.

    Aggregate CSS-files? Yes on

    Also aggregate inline CSS? Yes on

    excluded wp-content/themes

    Then issue disappeared.

    What might be the issue?

    Thanks

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    the issue that disappeared = the 404 on the source map, or a layout problem of (part) of the page?

    Thread Starter davidwong3937

    (@davidwong3937)

    the “[url]/bootstrap.min.css.map” 404 error, no more. Also page can load normally

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    the 404 error is irrelevant (the source map is only there for developers but is not needed), but what do you mean with “page can load normally”? were there indeed layout issues that are fixed when excluding wp-content/themes?

    Thread Starter davidwong3937

    (@davidwong3937)

    Yes. A lot of customized font colors can’t be loaded, falls back to the default colors.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK, now when you don’t exclude wp-content/themes but instead disable “also aggregate inline CSS”, does that help the layout issues?

Viewing 15 replies - 1 through 15 (of 19 total)

The topic ‘CSS issue after recent update’ is closed to new replies.