There are no universal settings for the WP Rocket plugin.
Because each site has different active plugins, themes, third-party scripts, file exclusion lists, server setup, etc., it is important to find the ideal WP Rocket settings for your site.
This article guides you through the recommended WP Rocket configuration, best practices, and common troubleshooting tips.
I walk you through the WP Rocket default setup to explore other settings and optimize your site for maximum speed and performance.
After reading it, you’ll be able to optimize your site using WP Rocket settings for WordPress. You should see significant improvement in speed and performance, as well as better Core Web Vitals scores across all metrics.
Let’s dive in.
Best WP Rocket Configuration Practices
Many website speed and performance optimization solutions often come with risks to CSS and JavaScript functionality. It is common for a website to have design or functionality issues due to script incompatibility.
Before using WP Rocket, here are some best practices to keep in mind.
First, aside from the default or automatic features, don’t enable other settings at once. Do it one at a time.
Especially the WP Rocket optimization settings for CSS and JavaScript files. Enabling CSS Minify, JS deferral, and removing unused CSS and JS Minify at once is a bad idea.
After enabling an option, test your site in a browser you’re not logged into as your site admin. It’s best to access your site in incognito mode or on a different device that isn’t yours.
The idea is to visit your site as a regular user and see if everything is okay or if something is broken or not working as expected.
Watch out for inconsistent design elements, broken text, oversized images, missing elements, etc.
If you notice something doesn’t look as expected, the easiest thing to do is disable the last option you enabled.
NOTE:
WP Rocket automatically clears its cache, so you don’t have to worry about seeing a cached version of the page.
Next, always keep the plugin up to date.
WP Rocket is regularly updating the plugin. Ensure you’re using the latest version to keep the plugin performance, security patches, bug fixes, and website speed at their best.
Still, after each plugin update, test your site again as described above.
Sometimes new plugin features may introduce bloat or performance issues that go undetected during development.
You can roll back to a previous version of the WP Rocket plugin from the tools tab if the issue can’t be resolved in a timely manner.
Then, reach out to WP Rocket support for further guidance.
Troubleshooting Common Performance Issues in WP Rocket
There are many WP Rocket performance issues you can independently fix without seeking support. This type of issue mostly requires disabling or excluding assets from loading on your site.
In some cases, it may need to be turned off completely sitewide or only on the affected pages.
For instance, let’s say you have a JavaScript web form on your site. Often, the JS delay or Load JS deferred options might interfere with loading the web form, blocking the script from being executed on the page.
What you need to do is add the web form’s JS script, tag, or URL to the exclusion JS files list in WP Rocket. WP Rocket will exclude the web form script from optimization.
Using the exclude files list option works best if the issue is sitewide and you need to execute the command on all pages.
What if the problem is an isolated one? I mean, does it affect a single page or a subset of pages/posts?
WP Rocket made it easy to disable its function on individual pages/posts.
If you know the exact page or post that has the problem after activating a particular WP Rocket function, open the post in the WordPress Gutenberg editor.
Now, look for the WP Rocket meta box on the Gutenberg edit screen. Check the image below.
Simply uncheck the function responsible for causing the performance problem on that particular page or post. You can do this for any affected posts or pages on your site instead of disabling the function across the whole site.
As you can see in the image, you can even exclude individual pages from the WP Rocket cache. This option is good for excluding dynamic pages, such as the cart and checkout pages, from being cached.
You will find more WP Rocket troubleshooting guides in this post.
How to Configure WP Rocket
NOTE:
WP Rocket now includes MCP (Model Context Protocol), which means AI tools like Gemini and Claude can now connect to your site and perform real live performance optimization tasks. Like configurations, speed diagnostics, optimization suggestions, and report generation.
The configuration described in this post is based on WP Rocket 3.16, which removes the page cache setting from the dashboard. But it introduces WP Rocket Optimize Critical Images loading above the fold area.
The WP Rocket Critical images optimization feature tends to optimize for the Largest Contentful Paint automatically. Google Core Web Vitals metrics measure how quickly the largest elements (images or text blocks) on the page load and become visible within the user viewport.
WP Rocket page cache, including mobile cache, is enabled by default in the background starting from version 3.1. There are no options for fine-tuning its settings.
If you need to edit the WP Rocket page cache settings, use the helper plugins found on this page.
So, if you have an older version of the WP Rocket plugin, you may find some settings you’re not familiar with here. In that case, you should renew your license today.
Now, let’s walk through the WP Rocket plugin settings and determine what works best for most WordPress sites.
Dashboard
There is nothing here related to setting up the plugin.
The dashboard contains your WP Rocket plugin license details, expiration date, and subscription link to RocketCDN. You also have quick access to clear and pre-load the cache, and to clear the critical image cache.
If you need to access the getting-started video tutorial and frequently asked questions about using WP Rocket, you’ll find them on the dashboard.
Other than this, you have little attention here.
File Optimization Tab
The WP Rocket File Optimization Tab contains features to optimize CSS and JS assets on your site. You should configure the options here to work with your site.
You will get the best performance benefits from what you do in this tab. So, pay close attention to it.
Minifying CSS and JS files should not cause any performance issues. The WP Rocket file minification settings remove whitespace, comments, and semicolons from scripts, reducing file size and improving loading time.
Therefore, check the Minify CSS files and JS files options.
Next, enable the Optimize CSS delivery option. When you check this option, WP Rocket offers two CSS optimization options: Remove Unused CSS or Load CSS Asynchronously.
Remove Unused CSS will delete unused cascading stylesheets not used on that page from the core files, while Load CSS Asynchronously will load unused CSS files in the background or delay loading until the core (Used CSS) file finishes loading.
Both techniques have advantages and disadvantages. However, it is widely recommended to use Remove Unused CSS instead of Load CSS Asynchronously. And that’s what WP Rocket advises.
If, after activating Remove Unused CSS, you notice your site design element isn’t displaying as expected, check this article for further troubleshooting guidance.
Still, on the File Optimization tab, you should enable the Load JavaScript Deferred and Delay JavaScript Execution options.
Load JavaScript Deferred helps resolve the render-blocking JS file errors. At the same time, Delay JS execution delays the loading of JS file elements on a page until user interactions, such as mouse clicks, on-screen movements, and scrolling.
Both options are the most powerful JS file optimization features in WP Rocket.
However, when the Delay JavaScript file is active, WP Rocket automatically disables the Combine JavaScript file option for compatibility issues.
If there are JavaScript elements, such as Google Analytics codes and Ads scripts, on the site that need to load and appear quickly in the user’s viewport, use the one-click JS exclusion option to remove them from the delay-JS file execution function.
Media Tab
WP Rocket Media Tab contains options to set missing image dimensions and optimize image and iframe loading. Don’t confuse this option with image optimization techniques like compression, or with support for other image formats like AVIF and WebP converter.
WP Rocket does not compress images to reduce their size or load images from CDN services. You need another solution, such as Imagify or JetPack image CDN, to do that.
Here is what you can configure in the WP Rocket Media Tab.
Enable Lazy Load for images, CSS background images, iframes, and videos. Also, enable replacing the YouTube iframe with a preview image.
As mentioned earlier in this post, turn on one option at a time.
Test your site thoroughly after each function activation. If everything is okay, check the next option to enable it.
Lazy Load improves the perceived loading time, reduces HTTP requests, and enhances the user experience. It delays loading videos and image files on the page until the user actually scrolls into view.
This technique is great for making your site load faster, reducing third-party domain requests, and saving mobile user bandwidth.
And lastly, turn on the Image Dimension option. This feature automatically adds missing image width and height attributes, which help prevent Layout Shift, another Core Web Vitals metric.
If you’re getting the “add explicit width and height to images” error warning in GTmetrix, then this function should help fix it.
Learn more about how WP Rocket handles missing image width and height attributes to provide an automatic fix on the fly. Plus, its limitations and non-qualified images.
Preload Tab
The Preload Tab includes optimization features worth exploring.
However, when you enable this option, make sure to monitor your hosting server’s resource usage. Some users have reported that WP Rocket Preloading features use too much server resources.
However, I have never experienced this since I’ve been using WP Rocket.
Anyway, here is what you need to do.
Enable Preload Cache to allow WP Rocket to detect your sitemap and save it to the database automatically. It ensures your WordPress site cache is always preloaded to improve user experience, performance, and fast loading.
Next, turn on the Preload Links feature.
This function downloads the HTML for a page in the background when the user hovers over the link. So, when the user actually clicks it, the page appears to load instantly.
You must have experienced this on sites you visit. Link Preloading is what makes it happen.
If there are external files that need to be requested and loaded early on the page, enter their URLs in the Prefetch DNS Request list.
WP Rocket lets you preload fonts in a CSS stylesheet so browsers can load them as early as possible. However, WP Rocket does not host Google fonts locally.
For this function to work, the font files must be hosted on your server. Alternatively, you can specify the font files in the CDN tab.
Another thing is that Preload Fonts won’t work if the Removed Unused CSS function is active.
In this case, WP Rocket will preload all the needed fonts into the Used CSS core block. What you can do is stop or prevent specific font files from loading when the unused CSS is removed.
This might help improve perceived page loading time and fix the Preload key request errors in PSI and other testing tools.
Advanced Rules Tab
The Advanced rules tab has additional WP Rocket configurations such as Cache Lifespan, cache exclusion list, purge URLs, and cache query strings.
The default Cache Lifespan is set to 24 hours. You can change this setting depending on how often you update your blog content.
WP Rocket automatically rebuilds its global cache when it expires. Ensure Cache Preloading is set to On in the Preload Tab for this feature to work.
In the Never Cache URL field, enter the address of pages you don’t need to cache. For example, the login page, WooCommerce checkout pages, and other dynamic pages.
If you have specific web cookies that, when set on the user’s browser, the page should never cache, enter their IDs in the appropriate box. This WP Rocket tweak might be helpful for WooCommerce stores with an international audience.
You can also specify user agents that are not allowed to visit cached pages. If you have a reason for this, enter the user agent in the text field.
Next, is there a page that must be purged from the cache whenever you update your website? Specify their URLs in the box.
Lastly, WP Rocket doesn’t cache pages with Query strings by default.
Pages with URL parameters are not cached, but if you want to cache such pages, you should enter their parameters here.
If there are multiple instances of these pages, enter one parameter per line, without a value.
However, WP Rocket will still serve the cached page from the main URL address. Something like this:
example.com/contact-us/?utm_source=something
example.com/my-new-poat/?utm_source=somethingelseWill receive the cache file from
example.com/contact-us/ and example.com/my-new-post/, respectively.
If you want to learn more about how this function works, consider reading this in-depth article.
Database Tab
WP Rocket helps optimize the WordPress database by cleaning up its tables and removing trash posts, comments, transients, spam comments, leftovers, and post revisions.
The best part is that you can set it and forget it. WP Rocket auto-schedules the database maintenance routine.
Just enable all the options and set the Automatic Cleanup to your preference: Daily, Weekly, or Monthly.
That’s it.
CDN Tab
RocketCDN is a WP Rocket content delivery network solution. BunnyCDN powers it, which has over 120 POPs global edge locations. It costs $7.99 per month to use RocketCDN.
If you’re using Cloudflare CDN, you don’t need to worry about this section. Otherwise, enter your CDN CNAME record in the required field.
WP Rocket is compatible with the Cloudflare content delivery network; no configuration is required. The other setting you should look into on this page is how to exclude some files from the CDN server.
But why would you want to do this? Whatever, there is an option for you.
HeartBeat Tab
Reduce or disable the WordPress heartbeat APIs to save server resources.
I don’t recommend disabling it entirely because some plugins or themes might depend on it to function properly.
Instead, reduce its frequency and activity in the WordPress backend, post editor, and frontend to one hit every two minutes.
Addon Tab
This tab lists WP Rocket-compatible add-ons that require no configuration. You can enable add-ons listed on this page if they enhance the plugin’s functionality and performance on your site.
Here is a quick rundown of the available add-ons.
Image Optimization Tab
Nothing to do on the image optimization tab. WP Rocket promotes its Imagify image optimization plugin here.
You can download its free version if you want to learn how the plugin helps optimize WordPress images – compress and resize images without sacrificing quality.
Other Tabs
The Tools and Tutorials Tabs are the least important for many Rocketeers.
The tool tab offers options to import or export plugin settings, roll back to a previous major WP Rocket version, enable Google font optimization, and update the file inclusion/exclusion list.
In the Tutorials tab, there’s a list of video tutorials to help you get the best WP Rocket settings, as well as performance and troubleshooting tips for your site.
Except for the first time I installed the plugin, I’ven’t checked these tabs since.
Conclusion
WP Rocket is a powerful and popular WordPress cache plugin. It’s been around for over a decade and boasts an active installation of over 4 million sites.
For most WordPress sites, these WP Rocket settings should work to improve performance, speed, and user experience, and fix many errors in the PageSpeed Insights tool.
If you encounter any issues while implementing the advice on this page, don’t hesitate to reach out to the help guide.
