Support » Plugin: WP Rocket ASYNC CSS » FOUC happens

  • I used this plugin with latest version of WP Rocket because WP Rocket still doesn’t process inline CSS.
    The critical CSS function in WP Rocket was working just fine generating and inlining the critical CSS in every page.
    But when I enabled this plugin I got a FOUC in every page. Any idea why? Shouldn’t it work together with WP rocket’s critical css function?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Derrick Hammer

    (@pcfreak30)

    This plugin does not have compatibility with wp-rockets critical css function as I have personally not had the need to have them work. I would recommend looking at my wp-criticalcss plugin though which will work as intended but does require a paid 3rd party service. The main issue is the css style tag must be flagged with data-no-minify=”1″ to be skipped.

    Thanks for your answer Derrick. Tbh, most clients wouldn’t want to pay another £7/month to get the critical CSS working when WP Rocket does that for free and out of the box.
    Do you plan to make the plugin compatible with WP Rocket’s critical CSS functionality?

    Plugin Author Derrick Hammer

    (@pcfreak30)

    I can not guarantee I will but my plugin came out before rocket added their service which uses a 3rd party server the same way criticalcss.com does. Critical CSS can not be done as effectively otherwise. I will keep it in mind for the future though.

    Also be aware my CCSS plugin is fairly more flexible than the rocket version. You are also free to manually create CCSS there and use it without the API.

    Thanks.

    Thanks again for answering. Didn’t know it can actually be used without the API. I already use criticalcss.com service manually adding critical css in Autoptimize or Page Speed Optimization (formerly above the fold optimization) so this could be an alternative.

    Plugin Author Derrick Hammer

    (@pcfreak30)

    You can do it per post type/term as well as per post type/taxonomy globally and a global fallback if you have manual on, delete the api key, and save. But the automation ensures its the most accurate.

    Thank you, sounds good.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘FOUC happens’ is closed to new replies.