Optimize Critical CSS Loading Error

Hi @kingscrownsolutions,

Thank you for your patience as we diagnose the issue with Jetpack Boost on your site.

Upon further investigation into the source code of your website, I’ve identified that your site is using LiteSpeed Cache, a plugin that optimizes how your site loads its resources. Specifically, I noticed that your CSS is being loaded in an optimized manner using techniques like preloading and asynchronous loading.

Here’s what you can do to test my hypothesis and potentially resolve the conflict:

1. Disable CSS Optimization: Temporarily disable the CSS optimization features in LiteSpeed Cache. You can usually find these settings within the LiteSpeed Cache plugin under the ‘Page Optimization’ or similar section.
2. Run Jetpack Boost: Try running Jetpack Boost again to generate the Critical CSS.
3. Re-enable Optimization: Once Critical CSS has been successfully generated and confirmed working, you can re-enable the CSS optimization features in LiteSpeed Cache.

This step-by-step process is suggested to ensure that Jetpack Boost has unobstructed access to your site’s CSS, allowing it to generate the necessary Critical CSS. Afterward, reactivating LiteSpeed’s optimization features should maintain your site’s performance while also benefiting from the improvements made by Jetpack Boost.

If you require further assistance with these steps, or if you encounter any issues, please don’t hesitate to reach out.

Looking forward to your response and hoping for a smooth resolution.

Best regards,

Hello @kingscrownsolutions,

It’s been one week since this topic was last updated. 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!