Easy Critical CSS

Seth Alling

Easy Critical CSS is a lightweight WordPress plugin that allows you to add Critical CSS to any page on your site, improving your site’s loading speed and performance.
Features: 
– Easily add Critical CSS and Secondary CSS to any page 
– Secondary CSS removes all 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 & Secondary CSS generation through <a href="https://criticalcss.net/" rel="nofollow ugc">CriticalCSS.net</a> 
– Background processing to for smooth, non-blocking performance
<h3>Why Use Critical CSS?</h3>
Critical CSS ensures above-the-fold content loads first by reducing render-blocking styles. 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" 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.</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 styles removed) to improve site speed and performance.

Frank Goossens

RapidLoad

Shakeeb Sadikeen

RapidLoad AI is not FREE this is a PREMIUM plugin to provide high level optimization for top level businesses.
RapidLoad AI is a next-generation optimization tool designed to bring your site’s performance to 90+ effortlessly. With AI diagnostics, AI Support chat, automated Unused CSS removal, Critical CSS generation, adaptive JavaScript optimization, on-the-fly image optimization, and an enterprise-level CDN, RapidLoad ensures your site achieves peak loading speeds and exceptional user experience.
<h3>Why choose RapidLoad AI?</h3>
<ul>
<li>Top Rated Support
<ul>
<li>Expert Support team to help non-technical users get their best performance. (<a href="https://wordpress.org/support/plugin/unusedcss/reviews/" rel="ugc">Read Reviews</a>)</li>
</ul>
</li>
<li>AI Diagnostics
<ul>
<li>Analyzes your website bottlenecks and provides actionable insights to get your business perform at the top level.</li>
</ul>
</li>
<li>AI Support Chat
<ul>
<li>Understands your website and your business to provide technical and non-technical advice to boost your business.</li>
</ul>
</li>
<li>Intelligent Image Optimization
<ul>
<li>Auto-resize, compress, and deliver next-gen formats (WEBP/AVIF) using a FAST global image CDN.</li>
</ul>
</li>
<li>Automated Critical CSS
<ul>
<li>Ensures above-the-fold content loads instantly.</li>
</ul>
</li>
<li>Smart Unused CSS Removal
<ul>
<li>Removes CSS that’s not in use dynamically.</li>
</ul>
</li>
<li>Adaptive JS Optimization
<ul>
<li>Defer and delay non-essential scripts automatically.</li>
</ul>
</li>
<li>Global CDN with Edge Caching
<ul>
<li>121 edge locations with ultra-low latency (under 20ms).</li>
</ul>
</li>
<li>Page Caching & Preloading
<ul>
<li>Speed up your WordPress pages instantly.</li>
</ul>
</li>
<li>Google Fonts Optimization
<ul>
<li>Preload, self-host, and reduce external dependencies.</li>
</ul>
</li>
</ul>
Key Features Breakdown
<h3>🚀 RapidLoad AI</h3>
RapidLoad AI understands your page speed 
You can chat with RapidLoad AI to unlock new possibilities. 
RapidLoad AI diagnoses your website with real-time data to provide actionable solutions to improve your performance.
<h3>📡 Global RapidLoad CDN</h3>
<ul>
<li>Tier 1 Network Infrastructure with 121 Edge Locations.</li>
<li>Ultra-low latency with NVMe SSD-powered servers.</li>
<li>Automatic asset compression and delivery acceleration.</li>
</ul>
<h3>📷 Advanced Image Optimization</h3>
<ul>
<li>Adaptive responsive images with automatic resizing.</li>
<li>WEBP & AVIF next-gen format support.</li>
<li>Lazy Loading with priority LCP image preloading.</li>
<li>Auto width & height assignment for layout stability.</li>
</ul>
<h3>🎨 CSS Optimization</h3>
<ul>
<li>Smart Unused CSS Removal to cut down unnecessary styles.</li>
<li>Critical CSS generation for near-instant page rendering.</li>
<li>CSS minification to reduce file size and speed up loads.</li>
</ul>
<h3>🖥️ JavaScript Optimization</h3>
<ul>
<li>Defer non-critical JS to prevent blocking rendering.</li>
<li>Delay JavaScript execution until user interaction.</li>
<li>JS minification for leaner, faster scripts.</li>
</ul>
<h3>🔡 Font Optimization</h3>
<ul>
<li>Self-host Google Fonts for better control and performance.</li>
<li>Font preloading to enhance user experience.</li>
</ul>
<h3>⚡ Page Caching & Preloading</h3>
<ul>
<li>Automatic page cache for faster repeat visits.</li>
<li>Cache preloading to ensure instant access.</li>
<li>Seamless integration with major caching plugins.</li>
</ul>

RapidLoad AI – Optimize Web Vitals Automatically

Supercharge your website with RapidLoad AI, featuring cutting-edge AI to automate optimizing CSS, JavaScript, images, fonts, and caching.

Easy Critical CSS vs RapidLoad AI – Optimize Web Vitals Automatically