Clear Cache for Me vs Jetpack Boost – Website Speed, Performance and Critical CSS

W3 Total Cache and WP Super Cache are great caching plugins, but they do not know when a widget is updated. WPEngine is the best place to host your WordPress installation, but their caching system is no smarter when it comes to updating widgets and menus. I created this plugin because my website did not see any changes when saving widgets or menus using these caching systems. Clear Cache For Me will purge ALL your cache each time you do a save without having to press an additional button. It may be overkill, which may be why it’s not built in, but some people need simplicity. In addition to clearing those pesky caching engines, Clear Cache for Me can force your browser to reload your current theme’s CSS and JS files. I modify my theme’s CSS and JS files every so often and always have trouble with the browser not getting the latest version. So now after clicking on the “Clear Cache Now!” button on the dashboard the browser will be forced to reload the current theme’s CSS and JS files. If you do not click the “Clear Cache Now!” button, the browser will cache the CSS and JS files like it normally does. The popular Qode themes has a options to set your own custom CSS and JS. Sometimes you may not see your changes for a long while because your browser is trying to get the cached file. Whenever you save your Qode’s options, the CSS and JS files will be forced to reload in the browser on the public side. Works with the following caching plugins: Autoptimize Breeze Cache Cache Enabler Cloudflare GoDaddy Cache Kinsta Cache LiteSpeed Cache Elementor (CSS cache) Premium Addons for Elementor SiteGround SuperCacher Super Page Cache WP Fastest Cache WP Optimize Cache WP Rocket WP Super Cache W3 Total Cache WPEngine Cache Clears all cache for following actions (requires a caching system above to be active): When Widgets are saved. When Customizer is saved. When Menus are saved. When a fields in Advanced Custom Fields are saved. When a Contact Form 7 form is saved. When a Formidable Form form is saved. When WooThemes settings are saved. When NextGen Gallery albums and galleries are updated (beta – may not clear cache on all actions). When Qode options are saved this plugin forces browsers to reload the custom css and custom js. When a WP Forms forms or settings are saved. When WooCommerce settings are saved. (Cache should already be clearing when products are saved.) When settings from the Insert Headers and Footers plugin by WPBeginner are saved. When Settings from a settings page is saved. This includes settings from WordPress core, Yoast SEO, and most other plugins using the Settings API. When WordPress is updated. When plugins are updated, activated, and deactivated. When WordPress, plugins, and themes are automaticallly updated. See the plugin’s homepage for more details. Note: Since some caching systems run in the shutdown hook, this plugin also runs in that hook. This means if PHP does not have enough time, some code including any hooks within the ccfm_clear_cache_for_all() function are not guaranteed to run. If you need code to run, consider using the ccfm_clear_cache_for_me_setup hook. Some plugins may have “auto purge” (like Cloudflare), but it doesn’t cover all the items this plugin covers. Developer Options ccfm_supported_caching_exists Use this filter to determine if this plugin should do anything including showing the button on the dashboard. Return true if a caching system is supported. Default: True if any of the supported caching systems is active. See Example 1 below. ccfm_admin_init or ccfm_init_actions Use this action to add hooks when cache is to be cleared. Or do any other setup activity. ccfm_clear_cache_for_me_before Use this action to clear cache from an unsupported caching system before the default caching systems clear their cache. ccfm_clear_cache_for_me Use this action to clear cache from an unsupported caching system after the default caching systems clear their cache. Example If you were using an unsupported caching system you’ll need to identify the caching plugin’s class or function which clears the cache. As an example, if the unsupported caching system called the MyOtherCache::clear_all() function, you would use the following code to get this plugin to clear the cache. <?php function my_other_cache_enable( $return = false ) { if ( class_exists( 'MyOtherCache' ) ) return true; return $return; } add_filter('ccfm_supported_caching_exists', 'my_other_cache_enable'); function my_other_cache_clear() { if ( my_other_cache_enable() ) MyOtherCache::clear_all(); } add_action('ccfm_clear_cache_for_me', 'my_other_cache_clear');

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.