WordPress Optimization with WP Rocket [Installation & Setup]


🖊 Written by Updated on

Are you disappointed with the speed of your WordPress website? So, don’t be disappointed, here is a solution for your poor WordPress website speed. You must install the WP Rocket optimization plugin.

In this article, I am going to explain, why should you use WP Rocket, and how you can optimize your WordPress website, step by step.

Why should you use WP Rocket?

If you know, that people have negative experiences with your website then, they are not like to purchase or visit again on your website.

Fix Negative Impression of your website using WP Rocket

According to one of the recent surveys of Google, state that “A one second delay in mobile load times can impact mobile conversions by up to 20%”.

So, that is the main reason for using WP Rocket caching plugin, this plugin doesn’t only work as a caching enabler, it also helps in various optimization of WordPress websites.

Now, you will say, there are many plugins like this and even free, so why not use them, instead of WP Rocket? Okay, that is a good question, and I am going to tell in short.

WP Rocket has a very user-friendly interface and anyone can use, no need for any technical knowledge. 99% of your optimization problems will be solved with WP Rocket, just you need to toggle on or off.

By-the-way you can check out the review article of WP Rocket, there I have been also compared with other popular plugins like W3 Total cache, WP fastest cache, etc.

Optimize Your WordPress Website with WP Rocket

Here I am, now I am going to tell you how you goanna optimizes your WordPress website with WP Rocket. If you haven’t purchased a license of WP Rocket, then first thing first purchase a WP Rocket license, then follow these steps.

STEP – 1. Upload & Activate WP Rocket Plugin

First step, you need to upload your WP Rocket plugin in your WordPress website. You upload plugin directly through WordPress dashboard and even through any FTP Client.

So, you need to click on Plugin, shown in your WordPress website’s dashboard left side, then click on Add New and then Upload Plugin, now simply upload your WP Rocket plugin. WordPress Add New Plugin

After, successfully uploading the plugin, return on the Installed Plugin section, and scroll down and activate WP Rocket plugin.

Activate WP Rocket

STEP – 2. Open WP Rocket Setting & Enable Cache

Now, you can see the WP Rocket toolbar in the top menu, click and select Settings. Now you will see dashboard of WP Rocket, there you will find your License type and Validity or Expiration date, no need to setup here, so click on “CACHE”.

Enable Caching With WP Rocket

Enable caching for mobile devices, as you can see the image above and one more thing, if you have separate or dedicated mobile theme or plugin then you can also enable separate caching. But now days most of the WordPress theme are responsive, so no need to enable this feature.

Next is User Cache (Logged-in WordPress User & even the Administrator), I don’t recommend this option, but if you want then definitely enable this feature.

Cache Lifespan on WP Rocket

Now you need to setup the Cache Lifespan, by default is 10 hours selected, if you want more time or less then you can modify, but for blogging uses I will recommend ten hours minimum lifespan time.

STEP – 3. File Optimization Using WP Rocket

This is the third option in WP Rocket, and it is very important in terms of WordPress website speed optimization. In this option, you are going to see how you can minify and optimize HTML, CSS, Java Scripts, and jQuery, even we are going to combine them.

Note: – Combining CSS and JavaScript can break your site’s visuals, so enable one by one feature and check the visuals and performance. In case if you broke the site then disable the feature, the site will reach a prior state.

HTML Optimization:

HTML Optimization with WP Rocket

You need to enable one feature at a time and refresh your website in a private tab. So, the first thing the Basic Settings, enable both Minify HTML and Optimize Google Fonts. Minifying HTML will remove the whitespace from your HTML files.

CSS Optimization:

CSS Optimization With WP Rocket

Now CSS files, you need to Minify and Combine the CSS files, which will reduce the CSS file sizes and reduce the HTTP requests. As you can see in the image above, you need to tick both options, you can also exclude any specific CSS file, in case that plugin or theme not work.

Note: – When you enable these features on the WP Rocket setting, you will see a pop-up warning, so you should click on the yellow activate button as shown in the image below.

Warning on WP Rocket

There was one more option “Optimize CSS delivery”, I will recommend not to enable this feature now, this option definitely break your site. So, I am going to tell you, how to set up this option in the last.

JavaScript Optimization:

JavaScript Optimization on WP Rocket

Next is JavaScript optimization, here you need to choose one by one option and checkout your website performance. When you enable minification and combining of JavaScript, you will get two boxes for excluding any critical JavaScript or JavaScript file.

Suppose you have Google ReCaptcha on your website, then you should exclude the JavaScript by mentioning the name. If you not, then anyone can bypass the captcha.

There is two more option as you can see in the image above, Load JavaScript deferred and Safe Mode for jQuery, I also recommend enabling both options for better performance.

STEP – 4. Media Optimization Using WP Rocket

Media optimization also improves the website’s performance and speed, so WP Rocket has this feature in-built, no need to install an extra plugin for this. You can enable Lazyload, iFrames replacement for YouTube videos, and more.

Lazyload & Emoji:

Media Optimization, Image lazy load

As you can see in the image above, you need to enable all features. Enable lazy loading for images and videos, replace the YouTube iFrame with preview image, so the website’s load time will reduce. WordPress by default enable emojis and those are unnecessary, so you should tick on Disable Emoji and it will reduce the HTTP request and page load time.

Embeds & WebP compatibility:

WebP Caching on WP Rocket

Now, you need to disable embeds feature, if you are not then any one can steal your bandwidth and it will increase your HTTP request.

If your website has WebP image serving feature, then you need to enable WebP caching option for better performance.

STEP – 5. Preload or Prefetch URL Using WP Rocket

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.

Preload cache on WP Rocket

As you can see in the image above, you can also enable link preloading, when a visitor will hover the mouse upon any links, the WP Rocket will automatically preload the page.

Now you need to preload or prefetch some links which are locally present on your website and some links are present externally like Google fonts, Google Analytics, etc.

Prefetch DNS Requests:

DNS prefetch with WP Rocket

If you mention all those external links, which are cause huge number of DNS request, then it could be reduces the page requests and improve website’s performance.

Preload Fonts:

Preload fonts with WP Rocket

Preload fonts, also very helpful for reducing DOM request. You need to identify which fonts are using your theme (font extensions: – otf, ttf, svg, woff, woff2), if you enter the wrong fonts path, it will occur 404 error requests. So, you need to analyze your website on the browser using Inspect Mode (CTRL + SHIFT + I).

Check out, how to use Browser Developer mode or Inspection Tool?

STEP – 6. Advanced Rules on WP Rocket

Advanced rules is very helpful, in case if you don’t want to cache any specific URL, File, String, or Cookies, and even if you want purge always a specific URL or something then you can do it very easily.

Advanced Rules on WP Rocket

STEP – 7. Database Optimization with WP Rocket

Database optimization is very easy when you have WP Rocket installed in your WordPress dashboard. So, why we need to optimize the database? Good question and the answer is also simple. Dynamic websites always need some changes, and when we do, then the database store old obsolete version and it causes high load time.

Post Cleanup:

Post Cleanup

Comments Cleanup:

Comments Cleanup

Transients Cleanup:

Transients Cleanup

Database Cleanup:

Database Cleanup

STEP – 8. CDN Configuration on WP Rocket

If you have CDN (Content Delivery Network) services for your website, then you can enable this feature for getting blazing fast performance. You need to enter your CDN URL by adding CNAME. If you want to exclude some files from CDN then you can specify them in the box.

CDN Configuration on WP Rocket

If you do not have any premium CDN service, then try out world-class CDN service from STACKPATH for free.

Free CDN service from STACKPATH

STACKPATH CDN provides a Web Application Firewall (WAF), DDoS protection, edge to edge protection, and monitoring. Know how to integrate STACKPATH CDN with a website.

STEP – 9. Heartbeat Optimization Using WP Rocket

When you enable Control Heartbeat, then Heartbeat API’s activity can help save some of your server’s resources. I do not recommend this unless you have a problem with the server.

Heartbeat Optimization Using WP Rocket

STEP – 10. Add-on Features on WP Rocket

WP Rocket has some extra optimization feature in this section, there you will find Google Analytics, Facebook Pixel, and Cloudflare optimization options.

Google Analytics:

Google Analytics

Facebook Pixels:

Facebook Pixels

Varnish:

Varnish

Cloudflare:

Cloudflare

Sucuri API (Optional):

Sucuri API

WP Rocket Optimization Report

This is my website’s actual optimization, and I have also recorded speed test reports before optimization and after optimization of WP Rocket, speed test reports.

Before Optimization

As you can see from the results of the speed tests, these two tests are recorded before any optimization on WP Rocket.

GTMetrix Speed Test:

GTMetrix Speed Test before optimization

Google PageSpeed Insight:

Google PageSpeed Insight report before optimization

After Optimization

As now you can see the file results, and these are after WP Rocket optimization, you can see the huge differences between the first tests and the last tests.

GTMetrix Speed Test:

GTMetrix Speed Test Final report

Google PageSpeed Insight:

Google PageSpeed Insight Final report

Conclusion

WP Rocket plugin is the one and only plugin that’s can help you to improve your website’s speed and performance, and for this, you need to just pay $49 only. This plugin is highly recommended by most of the popular bloggers and digital marketers.

If you just think that taking the WP Rocket plugin will speed up your website in milliseconds, then it is not so at all. It is also based on the best hosting of your website.

If you take shared hosting, from Namecheap, Hostinger, Bluehost, A2Hosting, Hostgator, or GreenGeeks, you will be able to see a considerable amount of website speed improvements using WP Rocket.

Even if you have Cloud hosting like Cloudways, GCP, AWS or Managed WordPress hosting like WP Engine, SiteGround, and Namecheap EasyWP, then after using WP Rocket you will get 4x better performance than a shared web hosting.

If you want to buy the WP Rocket plugin use our link (You will get some gift from us.) and don’t forget to comment here after WP Rocket installation, and If you like this article please share. 🙏

Pronay

Hi!
I am a blogger and a digital marketer based in Delhi, India. I have a passion for blogging and influencing people from my work. I am a student pursuing a Bachelor's Degree in Science from Delhi University.

4 thoughts on “WordPress Optimization with WP Rocket [Installation & Setup]”

    • Your Right Brother, Rakesh, Nowadays speed really matter. Peoples want faster and faster internet experiences, they got faster devices to access but other hands Websites also need to be faster to give that experiences.

      Thanks for the great comment.

      Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Share via
Copy link
Powered by Social Snap