todd

Builder Critical CSS Tools provides developer-friendly controls to:
<ul>
<li>Clear builder static CSS caches (Divi supported via its internal cache API)</li>
<li>Trigger a safe Critical CSS workflow by clearing caches and optionally warming key URLs</li>
<li>Show a reminder when site changes likely require regeneration</li>
<li>Record evidence: last regeneration trigger time and cache warming completion time</li>
</ul>
This plugin does not replace your builder’s performance engine. On Divi sites, clearing static resources typically prompts Divi to regenerate generated CSS (including Critical CSS) as pages are requested.

Builder Critical CSS Tools

Tools to clear builder CSS caches and manage Critical CSS workflows on builder-based themes (including Divi).

Easy Critical CSS

Seth Alling

Easy Critical CSS is a lightweight WordPress plugin that lets you add Critical CSS to any page on your site to improve loading speed and performance.
Features: 
– Easily add Critical CSS and Secondary CSS to any page 
– Secondary CSS removes unused CSS rules and stylesheets, ensuring only a single optimized CSS file loads 
– Supports posts, pages, archives, and taxonomy pages 
– Fully compatible with caching plugins (WP Rocket, W3 Total Cache, WP Super Cache, etc.) 
– Customizable settings for individual pages 
– Stores Critical CSS in your choice of the database or as static files 
– Optional API service (API key required) for automated Critical and Secondary CSS generation via <a href="https://criticalcss.net/" rel="nofollow ugc">CriticalCSS.net</a> 
– Background processing to generate CSS without blocking page loads or admin actions
<h3>Why Use Critical CSS?</h3>
Critical CSS ensures above-the-fold content loads first by reducing render-blocking CSS. This helps you boost Core Web Vitals, improve page speed scores, and deliver a better experience to your visitors.
Want to try it out first? You can generate free one-off Critical CSS at <a href="https://criticalcss.net/#free-generator" rel="nofollow ugc">CriticalCSS.net</a> and manually apply it to your site using the plugin settings.
<h3>External services</h3>
This plugin interacts with external third-party services in order to provide its functionality. Below is a detailed breakdown of these interactions:
<ol>
<li>
Critical CSS API (api.criticalcss.net) 
This service generates critical and secondary CSS used to optimize your site’s CSS delivery and improve page load times.
<ul>
<li>Data Sent: The URL, CSS generation preferences, generation status, and HTML content of pages from your website.</li>
<li>When: Data is transmitted only if you have explicitly enabled the Auto generation mode, and occurs whenever Critical CSS or Secondary CSS needs to be generated or regenerated.</li>
<li>Links: <a href="https://criticalcss.net/terms/" rel="nofollow ugc">Terms of Service</a>, <a href="https://criticalcss.net/privacy/" rel="nofollow ugc">Privacy Policy</a>.</li>
</ul>
</li>
<li>
Cloudflare API (api.cloudflare.com) 
This service is used to automatically clear your Cloudflare cache after new critical CSS is generated, ensuring your visitors see updated styles immediately.
<ul>
<li>Data Sent: Authentication credentials (Cloudflare email, API key, and zone ID) and instructions for purging the cache.</li>
<li>When: Data is sent only if <code>CLOUDFLARE_EMAIL</code>, <code>CLOUDFLARE_API_KEY</code>, and <code>CLOUDFLARE_ZONE_ID</code> are defined in your site’s configuration.</li>
<li>Links: <a href="https://www.cloudflare.com/terms/" rel="nofollow ugc">Terms of Service</a>, <a href="https://www.cloudflare.com/privacypolicy/" rel="nofollow ugc">Privacy Policy</a>.</li>
</ul>
</li>
<li>
Kinsta Cache Clear (localhost) 
If your site is hosted on Kinsta, this plugin can trigger a cache clear after generating new critical CSS, ensuring immediate availability of updated styles.
<ul>
<li>Data Sent: A cache-clear request to your site’s local server endpoint provided by Kinsta. No sensitive or identifying information is transmitted beyond the local environment.</li>
<li>When: Data is sent only when your site detects that it’s running on Kinsta infrastructure (<code>KINSTA_CACHE_ZONE</code> environment variable is present).</li>
<li>Links: <a href="https://kinsta.com/legal/terms-service/" rel="nofollow ugc">Kinsta Terms of Service</a>, <a href="https://kinsta.com/legal/privacy-policy/" rel="nofollow ugc">Kinsta Privacy Policy</a>.</li>
</ul>
</li>
<li>
Freemius API (api.freemius.com and wp.freemius.com) 
Used to manage licensing, validate API keys, and handle plugin updates and account management.
<ul>
<li>Data Sent: Freemius sends and receives licensing information and plugin activation status, including your site’s URL, plugin version, API key, and licensing details.</li>
<li>When: Data is transmitted only after explicitly opting in through the plugin’s settings page or upon activation of a purchased API key. By default, the plugin does not send any data to Freemius until you explicitly opt in.</li>
<li>Links: <a href="https://freemius.com/terms/" rel="nofollow ugc">Freemius Terms of Service</a>, <a href="https://freemius.com/privacy/" rel="nofollow ugc">Freemius Privacy Policy</a>.</li>
</ul>
</li>
</ol>

Easily inject Critical CSS and Secondary CSS (with unused CSS styles removed) to improve site speed and performance.

Builder Critical CSS Tools vs Easy Critical CSS