Failure to generate critical CSS

  • Resolved ravenadv

    (@ravenadv)


    9 months, 2 weeks ago

    Jetpack boost has been unable to generate critical CSS:

    Failed to generate Critical CSS

    Hmm, looks like something went wrong. We’re still seeing an unexpected error. Please reach out to our support to get help.Hide error message

    It looks like this URL doesn’t match:

    What to do

    Visit the page and complete the following troubleshooting steps.

    1. 1Visit the page and look at the protocol and host name to ensure it matches the one in your WordPress Administration Screen.
    2. 2If not, then please reach out to your hosting provider and ask why.
    3. 3If you believe the issue is resolved, please try again.

    https://www.ravenadventure.co.uk

    It all looks OK re site name but still fails – could it be the absence of the “/” ?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Alin (a11n)

    (@alinclamba)

    Hi @ravenadv,

    Can you please check and let us know if your WordPress admin domain (wp-admin) is the same as your site’s domain (ravenadventure.co.uk)? This will help us investigate the issue further.

    Thank you!

    Thread Starter ravenadv

    (@ravenadv)

    Good morning, yes it is

    Thank you

    Plugin Support Alin (a11n)

    (@alinclamba)

    Hi @ravenadv,

    Thanks your for the reply. I looked at the site again and noticed that WP Optimize plugin is active. Can you please try temporarily deactivate it and see if the issue persists?

    Thread Starter ravenadv

    (@ravenadv)

    Hi Alin,

    Still no luck – getting the same error message

    Thanks

    Plugin Support Alin (a11n)

    (@alinclamba)

    Hi @ravenadv,

    I took a closer look into this for you and let me explain how Boost works and what I’ve found.

    Jetpack Boost works by creating a hidden iframe within your WP-Admin to generate Critical CSS, ensuring your site’s most important visual content loads quickly. During this process, it seems there’s been a “CrossDomainError.” This error typically occurs when the tool tries to access or render your site’s pages within the iframe but is blocked due to browser security rules that prevent content from being loaded across different web domains or protocols.

    After reviewing the headers sent from your site, it appears that the X-Frame-Options: DENY header is set, which stops the page from being rendered in an iframe, necessary for generating Critical CSS. Even though you’ve disabled WP Optimize, which may have initially set this header, the configuration causing this error seems to persist.

    To address the CrossDomainError and allow Jetpack Boost to function correctly, you’ll need to remove or adjust the X-Frame-Options: DENY header. This adjustment will enable the iframe created by Jetpack Boost to successfully render your site’s pages and generate the Critical CSS.

    Since WP Optimize might have influenced this setting, it’s also a good idea to check any remaining plugin settings or residual .htaccess rules that might be contributing to the issue. If you’re not familiar with making these changes, or if you’re not seeing where WP Optimize may have added these headers, reaching out to your hosting provider or a web development professional could be the next best step.

    I hope this helps, but if you have further questions, please let me know.

    Plugin Support Tamirat B. (a11n)

    (@tamirat22)

    Hello @ravenadv,

    Have you had any chance to try the suggestions above? We usually close inactive threads after one week of no activity, but we want to make sure we’re all set before marking it as solved. Thanks!

    Plugin Support Stef (a11n)

    (@erania-pinnera)

    Hey @ravenadv,

    I’m going to mark this thread as solved. If you have any further questions or need more help, you’re welcome to open another thread here. Cheers!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Failure to generate critical CSS’ is closed to new replies.