Easy Critical CSS
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 CriticalCSS.net – Background processing to generate CSS without blocking page loads or admin actions Why Use Critical CSS? 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 CriticalCSS.net and manually apply it to your site using the plugin settings. External services This plugin interacts with external third-party services in order to provide its functionality. Below is a detailed breakdown of these interactions: 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. Data Sent: The URL, CSS generation preferences, generation status, and HTML content of pages from your website. 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. Links: Terms of Service, Privacy Policy. 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. Data Sent: Authentication credentials (Cloudflare email, API key, and zone ID) and instructions for purging the cache. When: Data is sent only if CLOUDFLARE_EMAIL, CLOUDFLARE_API_KEY, and CLOUDFLARE_ZONE_ID are defined in your site’s configuration. Links: Terms of Service, Privacy Policy. 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. 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. When: Data is sent only when your site detects that it’s running on Kinsta infrastructure (KINSTA_CACHE_ZONE environment variable is present). Links: Kinsta Terms of Service, Kinsta Privacy Policy. Freemius API (api.freemius.com and wp.freemius.com) Used to manage licensing, validate API keys, and handle plugin updates and account management. Data Sent: Freemius sends and receives licensing information and plugin activation status, including your site’s URL, plugin version, API key, and licensing details. 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. Links: Freemius Terms of Service, Freemius Privacy Policy.
Top keywords
- css22×4.12%
- api13×2.43%
- critical13×2.43%
- critical css11×2.06%
- data9×1.69%
- site8×1.50%
- cache7×1.31%
- cloudflare7×1.31%
- freemius7×1.31%
- kinsta7×1.31%
- service7×1.31%
- page6×1.12%
Jetpack Boost – Website Speed, Performance and Critical CSS
Speed up your WordPress site by optimizing page performance with Jetpack Boost. Easily activate one-click optimizations to boost your Core Web Vitals. Did you know that a faster website:- Ranks higher on Google. Improves bounce rate (people stay on your site for longer). Increases your conversion rate. Increase your website performance and speed up your website with one-click optimizations that supercharge your WordPress site’s performance and improve core web vitals scores for better search engine listings. Improving Core Web Vitals helps you rank higher on Google. A faster website also improves your SEO, helps you reduce your bounce rate and increase your ecommerce conversion rate. Largest Contentful Paint (LCP): Measures loading performance. Improve your LCP and improve your website loading speed. First Input Delay (FID): Measures interactivity. To improve user experience pages should have a low FID. Cumulative Layout Shift (CLS): Measures visual stability. Lowering your CLS helps improve your user experience. Performance Modules Optimize your website with the same techniques used on the world’s most successful websites. Each technique that is used to increase website performance is packaged up as a module that you can activate and try out. Currently, the plugin has 6 performance modules available: Optimize CSS Loading generates Critical CSS for your homepage, posts and pages. This can allow your content to show up on the screen much faster, particularly for viewers using mobile devices. Read more about critical CSS generation at web.dev Page Cache speeds up your site by saving pages as static files. These files are quickly served to visitors, reducing load times and enhancing user experience. Defer Non-Essential JavaScript moves some tasks to after the page loads, so that important visual information can be seen sooner and your website loads quicker. Read more about deferring JavaScript at web.dev Image Guide is a must-have feature for anyone who wants to optimize the images on their website. With this guide, you can ensure that the images on your site are the right size and dimensions, which is critical for improving user experience, page speed, and site ranking. Following the tips and best practices outlined in the guide, you can reduce image file sizes and speed up your site. Check out our support page to learn more about this feature and how it can help you achieve a faster and smoother website experience for your users. Image CDN allows your site to serve automatically-resized images in modern web formats directly from Jetpack’s worldwide Content Delivery Network. Read more about Image CDNs at web.dev Concatenate and Minify CSS and JS combines and shrinks your JavaScript and CSS resources to reduce the number and size of requests to your server, ensuring your content loads faster. Read more about minifying files at web.dev Don’t want to have to manually generate your critical CSS each time you update your site? Let us do the heavy lifting for you with automated critical CSS – each time you update your site we will automatically regenerate your critical CSS and update your performance scores. Upgrading also gives you dedicated email support access. With 💚 by Jetpack This is just the start! We are working hard to bring more features and improvements to Jetpack Boost. Let us know your thoughts and ideas! We’d also like to give a special THANK YOU to the XWP team who provided help with initial research and scoping of the plugin and were engaged with our team throughout the project.
