Add as a preferred source on Google
We are always looking for new and innovative ways to further speed up and optimize your sites. As you may already know, WP Rocket and Kinsta have been fully compatible for a while.
Check out everything you need to know below about using WP Rocket at Kinsta and how it can be an excellent match for you and your clients.
Using WP Rocket at Kinsta
For those of you who aren’t familiar with WP Rocket, it’s a popular all-in-one premium performance plugin for WordPress that offers caching in the first place. We usually don’t allow caching plugins in our environment because they conflict with our built-in caching solution.
However, WP Rocket page caching functionality will be disabled when running on Kinsta servers. As a result, we allow WP Rocket on our platform because there are no other incompatibilities.
This allows you to use Kinsta’s caching solution but still take advantage of WP Rocket’s amazing optimization features (we will dive into these below).
Why is caching important? Caching is the process of storing resources from one request and reusing those resources for subsequent requests. Basically, it reduces the amount of work required to generate a page view and decreases the load on the web server. It’s the number one way to negate the delay from the dependency WordPress has on PHP and a database (read more about WordPress vs static HTML).
WP Rocket features
WP Rocket is a powerful and easy-performance plugin—its UI is beautiful while still being simple to use and navigate! Below, we’ll dive into a few of the recommended features you can utilize from WP Rocket to speed up your WordPress site and how it’s synced with the Kinsta environment.
We will also run some speed tests to see which options have the most impact on a live site. Remember that results can vary from site to site, so make sure to test on your own site or staging.
If you’re using a staging site at Kinsta, WP Rocket has whitelisted our URL structure (staging-sitename.kinsta.cloud), which means it will not count as a site against your overall license count. The same goes for running on localhost.
Clearing cache
Even though caching is disabled in WP Rocket when running on Kinsta, the Clear cache option in the WP Rocket menu is synced up with the Kinsta environment. If you use the Clear Cache option in the WP Rocket menu, it clears your entire site’s Kinsta cache. How cool is that? As always, you can clear your Kinsta cache from the top right-hand side of the admin bar.
When activating or deactivating a plugin, WP Rocket prompts you to clear the cache. This is advisable if the plugin adds frontend content that is likely to be cached.
Preloading cache and preloading links
WP Rocket includes a Preload Cache option, but we do not recommend enabling it on Kinsta. The feature ensures local page caches are populated even before pages are first requested. However, we have found that preloading caches can overload PHP threads and may actually reduce site performance overall.
We do recommend enabling the Preload Links option, particularly if you are using Kinsta’s Early Hints feature. Although WP Rocket calls its utility Preload Links, it’s the prefetch attribute that WP Rocket adds automatically to a link’s rel attribute to encourage a browser to download content that might be requested later. Prefetched content is stored in the browser’s cache, not the web server’s.
Content Delivery Network (CDN)
WP Rocket makes it easier for its users to push their WordPress site content to servers on a CDN. Users can take advantage of the company’s own RocketCDN or configure the plugin to work with other popular CDN services. The free version of WP Rocket provides RocketCDN for a few of a website’s pages, with comprehensive coverage available on a subscription basis.
However, Kinsta customers are likely to choose the Cloudflare CDN included at no extra charge in all Kinsta hosting plans.
Asset optimization
Under the Page Optimization menu, WP Rocket gives you the ability to optimize your JavaScript, CSS, and media assets. Let’s dive into each of these a bit.
JavaScript optimization
- Minify JavaScript files removes whitespace and comments to reduce the file size. In the test we ran, this feature had a low impact, as there was little that wasn’t previously minified by the page builder’s developers. However, due to the way JavaScript works, this could break functionality with your plugins or theme, so make sure to test it.
- Load JavaScript deferred eliminates render-blocking JS on your site and can improve load time. Read more about this in our in-depth articles on render-blocking JavaScript. However, if you aren’t careful, this can also break your site, so make sure to test.
- Delay JavaScript execution improves performance by delaying the loading of JavaScript files until the first user interacts, such as with a scroll and a click. With this option enabled, we ran speed tests and saw a 33.33% decrease in load time.
As you may have noticed, the impact of features related to minification on performance is small. This is because most themes and plugins now add minified CSS and JavaScript, and related features usually yield little to no change in performance unless the theme or plugin is awfully coded with a total disregard for performance, which is extremely rare. Other techniques, such as removing unused CSS and deferring and delaying JavaScript, make a difference in code optimization.
CSS optimization
- Minify CSS files remove whitespace and comments to reduce the file size. With this option enabled, we ran speed tests and saw a 0.87% decrease in load time. ⏱ Due to the way CSS works, this could break your site, so make sure to test it. Again, in general, less whitespace and code is a good thing.
- Optimize CSS delivery eliminates render-blocking CSS on your website for faster-perceived load time. We recommend enabling the Remove Unused CSS feature.
Read more about this in our in-depth articles on render-blocking CSS and optimizing critical rendering path. With this option enabled, we ran speed tests and saw a 56.36% decrease in load time. ⏱ Remember, though, this is more about perceived load time rather than actual load time.
Images and other media
Also under the Page Optimization menu, you’ll find options that can speed up the delivery of assets like images, videos, and fonts.
Let’s take a look.
Lazy loading is an optimization technique that loads visible content but delays the downloading and rendering of content that appears below the fold. Enabling the lazy load option can improve actual and perceived loading time, as images, iframes, and videos will be loaded only as they enter (or are about to enter) the viewport, reducing the number of HTTP requests.
- Enable for images: With this option enabled, we ran speed tests and saw an 8.55% decrease in load time. The impact of such a feature is limited because WordPress core is now adding native lazyload on all images. The slight improvement on the test came from CSS background image optimization.
- Enable for iframes and videos: WP Rocket has an option to replace a YouTube video with its preview image automatically. This is a powerful option to reduce the impact of YouTube-related files and heavy scripting, which impacts both the loading speed and the page’s web vitals performance.
Check out our in-depth tutorial on lazy loading in WordPress.
If you’re hosting fonts on your own domain and not on an external service like Google Fonts, we recommend adding them to the “Preload Fonts” list in WP Rocket. By preloading fonts in your HTML’s head element, web browsers can download fonts before they are discovered in your CSS file.
Database optimization
Under the Backend menu, WP Rocket allows you to perform cleanups on posts, comments, transients, and tables in the WordPress database.
When combined with our automatic weekly database optimizations, keeping your database clean by removing unnecessary post revisions and transients will ensure your database is working at peak performance.
Post cleanup
It is not uncommon for older sites to have 100+ revisions on their main pages. This is simply due to years of editing and updating content. Let’s say, for example, a site has 700 pages or posts with 150 revisions on each. This would be over 100,000 entries in the database. This takes up storage space, and even with database indexes, this can sometimes harm performance.
WP Rocket gives you the option to delete the following:
- Revisions
- Auto-drafts
- Trashed posts
Check out our in-depth post on how to optimize revisions for faster performance.
Comments cleanup
Similarly to revisions, spam and trashed comments can add to wasted space over time. WP Rocket gives you the option to delete the following:
- Spam comments
- Trashed comments
If you aren’t using comments on your WordPress site we recommend simply disabling comments to prevent spam from coming through at all. You then also don’t have to worry about installing spam plugins.
Transients cleanup
Transients in WordPress are sometimes overlooked, but they are very important! In fact, we’ve seen corrupted transient cache completely take down a WordPress site. These are meant to be temporary and so it’s safe to remove them and we do recommend it. If they are needed by a plugin they will automatically be regenerated. WP Rocket gives you the option to delete all transients.
Database cleanup
The database cleanup option reduces the overhead of database tables. However, at Kinsta, we utilize InnoDB instead of MyISAM and therefore, this is not usually needed. InnoDB has been shown to perform better and be more reliable. A big reason to use InnoDB over MyISAM, is to take advantage of row-level locking. This allows your database queries to process faster. If you migrate your WordPress site to Kinsta, this is one of the many optimizations our engineers make on your site.
Automatic cleanup
WP Rocket also gives you the option to schedule automatic cleanup of your database on a daily, weekly, or monthly basis. This is scheduled with a cron job behind the scenes.
Heartbeat
Heartbeat is a WordPress Core API for server-polling. It’s used by many themes and plugins to maintain a stream of connection with your server. This allows WordPress developers to build real-time updates into their products. You can tweak Heartbeat performance under WP Rocket’s Backend menu.
By default, the client-side Heartbeat code runs every 15-60 seconds. Depending on your site and server configuration, frequent Heartbeat server pings may not be necessary.
With WP Rocket, you can reduce Heartbeat ping intervals to 2 minutes or completely disable pings altogether for your site’s backend (WP dashboard), frontend, and post editor.
For most sites, we recommend using the “Reduce Activity” option. Many modern plugins and themes ensure Heartbeat for core functionalities, so disabling it completely could break your site.
Add-ons
Under the Add-Ons menu, WP Rocket gives you the ability to add additional services to your site like Cloudflare, Sucuri, and enhanced WebP images.
If you’re already using other plugins to integrate these services into your site, most users can safely remove those plugins after configuring the add-on in WP Rocket.
If you are a Kinsta customer, one add-on you probably will not need is Cloudflare:
More image optimization
The developers of WP Rocket are the same people behind Imagify, one of our favorite image optimization services. If you’re looking for an easy-to-use WordPress plugin for optimizing images, take a look at Imagify. Learn more about image optimization and other optimization plugins and solutions.
Final speed tests
We then ran some final speed tests with everything enabled so you could see a before-and-after. Note: This WordPress site is hosted at Kinsta.
Before WP Rocket
We ran five tests in PageSpeed Insights without WP Rocket.
After WP Rocket
We ran a new test in Google PageSpeed Insights with WP Rocket.
We also ran a PageSpeed Insights test with edge cache activated on Kinsta. We noticed that the initial server response time improved from ~370ms without edge cache to 30ms. It’s handy when serving an audience from multiple geographical zones.
Here is the takeaway from the results above:
- WP Rocket goes beyond caching options and offers powerful features to optimize CSS and JS files, images, and more.
- The site we were utilizing for the test is already fairly optimized. However, it still requires some fine-tuning to ensure results and compliance with Core Web Vitals.
- If you’re using YouTube videos, you could see load time decreases of up to 50% or more. This is accomplished by utilizing WP Rockets feature that replaces YouTube videos with clickable preview thumbnails. This is really handy!
- In our Google PageSpeed Insights tests, we saw an increase in our score from 69/100 to 100/100. While scores are not as important as overall load times –we discuss this in our article about Google PageSpeed Insights–, Core Web Vitals are part of the latest SEO ranking factor and we saw a big improvement in their grades as well.
As you can see above, WP Rocket makes it incredibly easy to speed up your WordPress site with just a few simple clicks!
Summary
The team at WP Rocket consistently releases new features that directly align with the web performance recommendations we share at Kinsta. We are excited that clients can now use this plugin without additional modifications.
We would love to hear what you think. Do you use WP Rocket? Let us know below in the comments.
Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.
