How to setup Wp Rocket and Best Settings for Core Web Vitals

Last updated on May 13, 2022 | By

Website page speed has been a ranking factor for a long now, and visual stability experience, loading experience, and interactivity experience will also join as part of the Core Web Vitals update, and become a ranking factor on Google.

Having a plugin that does improve all these areas is key to gaining Google’s boost on pages with “Good” metrics.

We selected the best settings for Wp Rocket based on your hosting and plugin stack.

How to use Wp Rocket and improve Core Web Vitals

You can either go to How to improve LCP or How to improve CLS guides, they cover almost all issues and use Wp Rocket on the examples.

Get our free notion template Wp Rocket best settings for WordPress 2022, a beginner-friendly task tracker to improve your WordPress website speed, or Core Web Vitals. Use it to improve on themes like Elementor, Divi, Beaver Builder, and many others.

image
Easy-to-use and up-to-date Wp Rocket tutorial (2022)

Cache

You should always enable cache unless you’re using another caching plugin, which is HIGHLY unlikely. You should probably not enable mobile cache. Only enable if your theme has a separate theme for mobile. Enabling both will create two files on your server

If you’re using Cloudflare Automatic Platform Optimization, here’s how to configure it(scroll to the Cloudflare APO section).

File Optimization

You should enable Minify CSS files if your files aren’t minified. Add “?nowprocket” to URLs for troubleshooting issues.

It’s optional to enable combine CSS since most websites are on http/2. Combining CSS can also make it difficult to find 100% unused CSS later on a more advanced optimization.

I recommend enabling Optimize CSS and “load CSS Async”, but website builders may be more prone to issues, as the number of elements they load.

You should enable Minify JS files if your files aren’t minified. Add “?nowprocket” to URLs for troubleshooting issues.

You should use the Delay Javascript execution and add essential Javascript, and/or use Wp Rocket’s exclusion list. Click here to know how to remove unused Javascript with Wp Rocket.

Media

You should enable lazyload and add the Largest Contentful Paint (LCP), and any images above the fold to the exclusion list. Examples of images above the fold include the logo and close ad buttons(“X” mark).

Preload

You should add any domain you’re connecting to the prefetch DNS requests list, such as CDN, images CDN, ads domains

You should preload fonts that load on the entire website.

Database

Clean your database from trash files as per your demand.

Heartbeat

Disable it if you’re not using it.

Rocket CDN and Cloudflare addon

RocketCDN is Wp Rocket’s CDN. With a unique price of $8 a month, it offers unlimited CDN traffic(at Wp Rocket’s discretion). It also offers integration with Wp Rocket. Rocket CDN is powered by StackPath which has 45 edge locations around the world.

Consider buying Rocket CDN with our reflink.

RocketCDN setup is a simple 1 step task, just activate it after purchase on the Wp Rocket admin panel CDN tab with login and API credentials.

Configure Cloudflare and add to Wp Rocket your Cloudflare credentials. Let the Cloudflare setting “Optimal Settings” enabled to have your Cloudflare settings for better speed, performance grade, and compatibility for WordPress.

Wp Rocked seemed to break my website

Add “?nowprocket” to URLs for troubleshooting issues. It will deactivate Wp Rocket and you can see if it is Wp Rocket that is breaking your website.

https://example.com?nowprocket

Stuck on Core Web Vitals?
Get your site optimized today

Leave a Comment