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.
- STEP – 1. Upload & Activate WP Rocket Plugin
- STEP – 2. Open WP Rocket Setting & Enable Cache
- STEP – 3. File Optimization Using WP Rocket
- STEP – 4. Media Optimization Using WP Rocket
- STEP – 5. Preload or Prefetch URL Using WP Rocket
- STEP – 6. Advanced Rules on WP Rocket
- STEP – 7. Database Optimization with WP Rocket
- STEP – 8. CDN Configuration on WP Rocket
- STEP – 9. Heartbeat Optimization Using WP Rocket
- STEP – 10. Add-on Features on WP Rocket
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.
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.
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.
After, successfully uploading the plugin, return on the Installed Plugin section, and scroll down and activate WP Rocket plugin.
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 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.
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.
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.
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.
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.
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:
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:
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.
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:
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, 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).
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.
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.
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.
If you do not have any premium CDN service, then try out world-class CDN service from STACKPATH for free.
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.
STEP – 10. Add-on Features on WP Rocket
Sucuri API (Optional):
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.
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:
Google PageSpeed Insight:
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:
Google PageSpeed Insight:
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.
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.