“Combine CSS Files” Creates Render-Blocking Issue

  • Resolved Generosus

    (@generosus)


    2 years, 9 months ago

    Good Day!

    Hey, I believe your plugin’s feature, “Combine CSS Files”, needs another look.

    All of our uncombined CSS files (on all of our pages) are non render-blocking CSS files. However, when we combine them using your plugin’s feature, it creates a single, render-blocking CSS file.

    Here’s the funny thing: This does not happen with your feature, “Combine JS Files”. Meaning, our uncombined JS files are non-render blocking, and so is the single, combined JS file created by your plugin’s feature.

    Others have expressed the same issue in this support forum.

    My simple take on this: If A = 0 and B = 0, then A + B = 0. ??

    Help appreciated. The above condition has forced us to leave our CSS files uncombined to eliminate the render-blocking issue.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Generosus

    (@generosus)

    Supporting Data:

    Combine CSS Files DISABLED (CSS Files are non render-blocking)

    Combine CSS Files ENABLED (Single CSS File is render-blocking)

    Hope this helps a bit.

    Thank you!

    Thread Starter Generosus

    (@generosus)

    Update:

    Apologies for all this info.

    Our theme – in its original state — is delivering CSS files that are render-blocking. The non render-blocking CSS files provided above are Critical CSS files. Could this be the reason why your single, combined CSS file is render-blocking? (i.e., it’s picking up all CSS files, not just the Critical CSS files)

    Thank you!

    Plugin Support ivandzh

    (@ivandzh)

    Hello,

    Having the combined CSS marked as render-blocking is completely normal, especially if there is another file in the theme reported as one. In case you enable the feature in order to reduce the number of requests made by your website, it will process the full theme data even though not all code is used on the specific page.

    The best course of action would be to compare the results provided by the two reports and decide which settings are the most suitable for the currently used theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘“Combine CSS Files” Creates Render-Blocking Issue’ is closed to new replies.