Wp Rocket Setup and Complete Optimization

WP Rocket Overview

We all know that WP Rocket is the Best Caching Plugin for WordPress right now. It is simple and easy to use. Its interface is designed for beginner-friendly and anyone can use it easily.

WP Rocket implements all the best possible settings for your website on its own. You don’t need to touch any settings at the beginning. Its crawler automatically fetches your WordPress pages to build up the cache. The plugin then automatically turns on recommended WordPress caching settings like gzip compression, page cache, and cache pre-loading.

It has also included some eye-catching features like image lazy loading, CDN support, DNS pre-fetching, minification, and more. Which can dramatically improve your website performance. At last, we will discuss, “How to do ‘WP Rocket full setup’ manually step by step” in this article.

Learn about more caching plugin—
3 Best WordPress Caching Plugin To Skyrocket Your site

Top Features of WP Rocket

Before starting “WP Rocket Full SETUP” we need to know a quick knowledge about the features.

To make your website ultra-fast, WP Rocket includes options that provide immediate benefits to your website. These options apply 80% of web performance best practices, you don’t need to touch the settings at the beginning. So you will benefit from better loading times right away!

Here we include some top features of WP Rocket. Learn about the features so you can optimize the website better than now. So let’s get started—

Page Caching

Get your WordPress site cached right away. Caching makes your site load ultra-fast: the real key to boosting your SEO and increasing conversions.

Cache Preloading

Let your visitors enjoy the speedier, cached content of your site right away! WP Rocket automatically preloads the cache every time you make some changes on your web pages.

Browser Caching

Store the frequently accessed resources of your site—images, JS, CSS—in the local memory of the navigation device, be it desktop or mobile.

GZIP Compression

Compress web pages on the server and decompress them in the browser. The size of your files decreases and your visitors get your content quicker.

eCommerce Optimization

Your eCommerce will run fast and smoothly: WP Rocket excludes sensitive pages from the cache. No interference in the purchasing process.

Excellent Compatibility

Enjoy peace of mind: WP Rocket is compatible with the most popular themes and plugins and it works with the top managed WordPress hosting.

CDN Support

When your site speaks to a broad international audience, a CDN is a key to improving the loading time of your website for visitors that are far away from where your server is located.

If you are already using a CDN, you can integrate it into WP Rocket’s dashboard with a few clicks.
As an alternative, you can use RocketCDN, WP Rocket’s custom CDN.
Forget configuration headaches: the configuration is automatic to provide you with the best speed results.

Add-ons Optimization

WP Rocket Add-ons are a set of features that extend available options in very few steps:

• Varnish Cache
• Cloudflare integration
• Sucuri integration

Control them with a 1-click switch.

Here we include this Features information from the Wp-Rocket Features Page. So, the credit goes to them. You can learn more about their Features from the below link.

Install WP Rocket in WordPress

If you have a key product of WP Rocket, you can add this in your website. To install the Plugin -‘

First login to your website admin panel.
Now go to Plugin tools and click on add new button.
Click on Upload Plugin button again Click on Choose File button.
Now open the folder where the file located. Select that one and Click on the Open button.
After installing you have to activate that plugin.

Now you have done, This plugin will apply 80% of web performance best practices. WP Rocket already started all possible optimization for your website.

It’s your turn, if you need extra manual optimization for your website you can do to following the below steps. To start “wp rocket full setup manually” Let’s dive on it….

WP Rocket Full Setup Manually

To start manual setup you have to go to settings and click on wp rocket. A new interface will open. Now, look at the left site tools of the rocket interface. There are lots of tools we have to optimize all of this one by one. Let’s start with the first one, Dashboard…

Dashboard

When you click on Wp Rocket plugin from the Settings tool, WP Rocket will open with the dashboard tools. Which we called the main interface of the plugin. Here you will see a congratulatory message from WP Rocket for installing the plugin and account info. You don’t need to do anything with these Dashboard tools.

Cache

Now click on the cache tools. Here you will see some basic cache options like mobile cache, user cache, cache lifespan, etc.

Mobile cache: Speed up your site for mobile visitors.

Click on Enable caching for mobile devices.
Click on- Separate cache files for mobile devices.

The mobile cache is important for those sites, which does not use different amp site or amp plugin. Most modern themes are responsive and should work without a separate cache. Enable this only if you have a dedicated mobile theme or plugin.

User Cache

User cache is great when you have user-specific or restricted content on your website. If your website has user-specific content enable the below option unless you don’t have to enable the option.

Cache Lifespan

Keep the lifespan to 10 hours or less for better cache preload performance. Cache files older than the specified lifespan will be deleted.

File Optimization

Now click on file optimization. It is the most significant settings tool of WP Rocket. This single tool dramatically reduces the page size and decreases the load time as well. We all know that page speed is the key factor for SEO to do better in Search engines. So, we have optimized these tools carefully.

Here you will see CSS and JavaScript Files differently.

CSS Files

Click on- Minify CSS Files

Minify CSS removes whitespace and comments to reduce the file size.

Click on- Combine CSS Files

Combine CSS and merges all your files into 1, reducing HTTP requests. Not recommended if your site uses HTTP/2.

Excluded CSS File

Specify URLs of CSS files to be excluded from minification and concatenation (one per line). If you don’t have anything, nothing to do here.

Don’t click on- Optimize CSS Delivery

Optimize CSS delivery eliminates render-blocking CSS on your website for faster-perceived load time. But it has disadvantages also. Some themes do not support this optimization. If you enable this option it may increase the CLS ( Comulative Layout Shift ) score of your website. Try to keep the score at 0.1 or below 0.1. Google always appreciate the low CLS Score website in their search engine.

Click on- Remove unused CSS (Beta)

Don’t do anything unknowingly in the box section. It can break your website themes.

JavaScript Files

Click on- Minify Javascript Files

Minify JavaScript removes whitespace and comments to reduce the file size.

Don’t Click on- Combine JavaScript Files

Combine JavaScript files and combine your site’s internal, 3rd party, and inline JS reducing HTTP requests. Not recommended if your site uses HTTP/2.

Click On- Load JavaScript Deferred

Load JavaScript deferred eliminates render-blocking JS on your site and can improve load time.

Click On- Delay JavaScript Execution

Improves performance by delaying the loading of JavaScript files until user interaction (e.g. scroll, click).

You Also Can exclude JavaScript Files, Load JavaScript Deferred, and Delay JavaScript Execution on any Specific Url of your website from being excluded by these tools. So, Try all these options to find out the best compatible option for your website.

Media

LazyLoad

It 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 and reduces the number of HTTP requests.

Click On – Enables For Images
Click On – Enables for iframes and Videos
Click On- Replace Youtube iframes with preview images (

This can significantly improve your loading time if you have a lot of YouTube videos on a page.

)

Image Dimensions

Add missing width and height attributes to images. Helps prevent layout shifts and improve the reading experience for your visitors.

Click On- Add Missing Image Dimension

Embeds

Prevents others from embedding content from your site, prevents you from embedding content from other (non-allowed) sites, and removes JavaScript requests related to WordPress embeds

Don’t Click On- Disable WordPress Embeds

WebP Compatibility

Enable this option if you would like WP Rocket to serve WebP images to compatible browsers. Please note that WP Rocket cannot create WebP images for you. To create WebP images we recommend Imagify.

Click On- Enable WebP caching

Now Click On Save Changes. We already completed 70% of the “Wp rocket Full Setup” Optimization of your website.

Preload

Preload Cache

When you enable preloading WP Rocket will generate the cache starting with the links on your homepage followed by the sitemaps you specify. Preloading is automatically triggered when you add or update content and can also be manually triggered from the admin bar or from the WP Rocket Dashboard.

Click On- Activate Preload
Click On- Sitemap Based Cache Preloading
Click On- Yoast Seo Cache XML Sitemap

We automatically detected the sitemap generated by the Yoast SEO plugin. You can check the option to preload it.

Preload Links

Link preloading improves the perceived load time by downloading a page when a user hovers over the link.

Click On- Enable Link Preloading

Prefetch DNS Request

DNS prefetching can make external files load faster, especially on mobile networks. (Don’t Do anything on this section if you don’t need to change this. )

Preload Fonts

(Improves performance by helping browsers discover fonts in CSS files). Don’t need to do anything in here. Remain it blank.

Now click on Save Changes.

Here We are skipping the Advanced Rules major option cause we don’t need to change this at all.

CDN

If you include your website with CDN. Then definitely you should add the CDN CNAMEs here.

We are also Skipping the Heartbeat. Don’t need to change anything in here.

Addons

In add-ons options, you can include your CDN with these add-ons. Here you can add Varnish, Cloudflare, and Sucuri CND with these add-ons Easily.

Image Optimization

In image optimization tools you can add imagify with wp rocket it you have already a paid subscription to imagify. So, don’t be late if you have one.

Tools

In these tolls options, you have the opportunity to import and export wp rocket settings for your website. Also, you can Rollback to the previous version if you face any serious problems with the current version.

Tutorials

In these tutorials, you have all the important beginner’s guides to find out the best compatible settings for your website. That’s it.

If you find this blog post helpful please share it with your friends and on social media. Thanks and Stay Tuned with us.