Install and Setup WP Rocket in WordPress 2021

Setup WP Rocket– At this time, it is essential to have a high-speed loading website when accessed by any device. One of the ways to have that is by using the WP Rocket plugin for WordPress. This article will share how to configure WP Rocket to speed up your website loading time.

As we know, in 2018, Google announces that the speed factor in a website is mandatory. For example, when a website is accessed through a mobile device, it becomes one of the SEO factors.

In the previous article, I did share How To Setting LiteSpeed Cache Plugin and How To Configure Autopmize Plugin. WP Rocket is one of the best premium cache plugins.

Install and Setup WP Rocket in WordPress
Install and Setup WP Rocket in WordPress

Then, let us follow these steps to speed up your website or blog speed.

WP Rocket Menu

  • Dashboard
  • Cache
  • File Optimization
  • Media
  • Preload
  • Advanced Rules
  • Database
  • CDN
  • Heartbeat
  • Add-Ons
  • Image Optimization
  • Tools
  • Tutorials

Setup WP Rocket

This configuration is based on many websites of my clients that I’ve been optimized. So this configuration needs to be adjusted with your website if the crash happens or your website appearances become messy.

Install the WP Rocket Plugin

The first thing to do is to install the WP-Rocket Plugin into a website, optimized. If you are interested in this plugin, please visit the official WP Rocket website to buy it.

However, if you’re more interested in a friendly price, you can contact me through Facebook or contact me directly through Contact Page. You need to know; my service is limited only to the WP Rocket Plugin installation.

Dashboard

There is nothing that needs to change on this dashboard page. This page also contains an active period of WP Rocket license that you use.

Two toggle buttons on the bottom side can be activated if you want to try the beta version first. This is actually optional, so you can turn it on or off.

Cache

There are 3 (three) sections on this cache menu: Mobile Cache, User Cache, and Cache Lifespan.

Mobile Cache is highly recommended to be activated. The reason is that many people surf the internet using mobile devices. Besides that, this option can speed up your WordPress website or blog.

And if your website or blog already fast, this option will escalate users’ experience when browsing your website or blog.

User Cache, this part is actually an option. If your website is an ordinary blog and doesn’t have a member feature, you should turn off this option. On the other hand, if your website has a member feature, then you can turn on this option.

So every login user will have their own cache.

Cache Lifespan, the function of this feature is to manage the cache active period. You can adjust the period as you need. The shorter the duration, then it means the more activities in the server to build preloader.

So my advice is to leave this setting to default.

File Optimization

In this File Optimization menu, two kinds of the file will be optimized: CSS File and JavaScript File.

The theme with a beautiful appearance usually has quite a big CSS file, so does a JavaScript (JS) file. Then the user has to optimize CSS and JS and make them slimmer.

Be cautious; optimizing both of these files in the wrong way can be ended in messy appearance and some website function’s disappearance. Please be careful.

You can see the detail in this picture below.

Media

It is effortless to optimize media using the WP Rocket plugin. These media include pictures and video (YouTube) files.

To optimize picture media in WP Rocket configuration, you need to activate lazyload and activate WebP Compatibility if you want to.

Meanwhile, if your website contains YouTube videos, you can activate the “Enable for iframes and videos and Replace Youtube iframe with preview image” feature.

Also you can activate “Disable Emoji and Embed” feature.

Preload

When you activate preload, WP Rocket will create a cache that started with a link on your website homepage, followed by a set of a website sitemap.

For example, when you post a new article, the preload will erase the old cache and create a new cache to replace it.

On the Prefetch DNS Request section, please input the external link in which its script (JS and CSS) comes from outside. For example, Google Analytics JS.

This feature aims to increase load time duration speed on your website when accessed by the visitor.

Please choose and adjust to your website or blog needs. Not recommended for being copied entirely.

/ajax.googleapis.com
//connect.facebook.net
//www.googletagmanager.com
//maps.googleapis.com
//maps.gstatic.com
//fonts.googleapis.com
//fonts.gstatic.com
//apis.google.com
//google-analytics.com
//www.google-analytics.com
//ssl.google-analytics.com
//youtube.com
//api.pinterest.com
//cdnjs.cloudflare.com
//pixel.wp.com
//platform.twitter.com
//syndication.twitter.com
//platform.instagram.com
//disqus.com
//sitename.disqus.com
//s7.addthis.com
//platform.linkedin.com
//w.sharethis.com
//s.gravatar.com
//stats.wp.com

And for the Preload Fonts feature, please input the font’s link, which is located in your default theme for being ‘preload’.

Advanced Rules

You can skip this menu unless there is a need to be excepted, like a page or script which doesn’t need to cache.

Database

I will activate the feature in the Database menu to optimize the database. You can set when your database is optimized.

For example, when you’re making a new post or article, WordPress will save it automatically at a certain minute. So, these auto-save files will pile up and increase the size of the database.

It is recommended to activate this feature and adjust it with your needs.

CDN

To increase website speed, it can be done by using CDN. You can use free or paid CDN. Please input the CDN link in this menu.

The guideline for using free CDN from Photon can be seen in “How To Use Photon CDN for WordPress.”

Heartbeat

This feature can burden the server since its capability to transfer data from server to browser quickly.

Because it can be burden for server, so it is recommended for being disabled.

Add-Ons

There are 5 (five) add-ons that can be used in this menu, like Google Tracking, Facebook Pixel, Varnish, Cloudflare, Cloudflare, and Sucuri.

Those things can be adjusted to your website; usually, I will activate Google Tracking and Facebook Pixel. But if you use Cloudflare, you can activate and configure it here.

Annotation :

  • Cloudflare credentials
    • Global API Key: Copy Cloudflare API key which located in your account
    • Account Email: Email that is used to login into Cloudflare
    • Zone ID: You can fill with Zone ID in the Cloudflare account

Image Optimization

You can skip this step because, in this menu, you will be ordered to install the IMAGIFY plugin. For more efficiency, you can use Photon CDN, as I explained above.

Tools

This menu cannot speed up your website, so that you can skip this either.

Tutorials

This menu only contains a video about the tutorial to configure WP Rocket plugin.

WARNINGS :

  • Do not forget to do back up first.
  • If the crash happens or appearance becomes messy, it will be your sole responsibility. Though you don’t need to worry, you can reset the WP Rocket configuration in the Tools menu.

Summary

The configuration will be different for each website so that you can re-adjust the configuration in this guideline. Every time you do a configuration change, please clear the cache and wait for a couple of minutes. Then test in an incognito browser or with speed test tools like GTMetrix and Google Page Speed.

Well, that was about the guideline of how to configure WP Rocket. If you have any questions, please leave your message in the comment column below.

And if you need WordPress speed optimization service, you can contact me through the contact page or Facebook. Not only that, but I also provide service to VPS installation for WordPress needs.

Another guideline for WordPress Speed Optimization :



Leave a Comment