Find answers to common questions about our service
Paste the generated CSS into a `<style>` tag in the `<head>` section of your HTML. Then, load your main stylesheet asynchronously using `rel="preload"` or a script.
We provide a PHP library and API documentation that can be easily integrated into WordPress themes or custom plugins. Many caching plugins also accept custom Critical CSS.
Yes. You can manually add the Critical CSS to your `theme.liquid` file. We are also working on a dedicated Shopify app for easier integration.
You can use our API in your build process. Create a script that calls our API after your build finishes and saves the response to your critical CSS files.
Yes. If you use Cloudflare, you can still use our Critical CSS. In fact, combining Critical CSS with Cloudflare's caching delivers the ultimate performance.
Your main stylesheet (style.css) should be loaded with `<link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">` to prevent it from blocking rendering.
Yes. For SPAs (Single Page Applications), you can inline the Critical CSS in your `index.html`. This helps show a shell/loading state instantly while your JS bundle loads.
Use Google PageSpeed Insights or Lighthouse. You should see the "Eliminate render-blocking resources" warning disappear and your FCP time decrease.
Our generator combines styles from all your linked CSS files into one optimized critical block. You don't need to worry about merging them beforehand.
Absolutely. Our API is designed for automation. You can set up a cron job or a webhook to regenerate Critical CSS whenever you deploy new code.
Yes! You can use the generated CSS in WordPress by adding it to your theme's header or using a caching plugin that supports Critical CSS insertion.
Can't find what you're looking for? Our support team is here to help.
Create Support Ticket