The article guides you to configure Cloudflare to speed up your website. This is my personal experience. So if better configurable, let me know.

Step1: Creating a Cloudflare account and adding a website

Step2: Setting up the Cloudflare WordPress plugin

2.1 Install the plugin

2.2 From your WordPress admin, go to Settings , Cloudflare and enter your API key and your email address.

2.3 Get Global API Key Or API Token here

Step3: Cloudflare Settings

3.1 SSL/TLS

If you don’t have HTTPS on your site yet (i.e. you don’t have an SSL certificate), you will need to choose the Flexible option (although I recommend you have HTTPS enabled before setting up Cloudflare). If by enabling this option you have a problem indicating “too many redirects”, this wordpress plugin should fix your problem.

If your site is already under HTTPS, you should be able to choose the Full (strict) option.

3.2 File Size Optimization

Auto Minify

Rocket Loader

3.3 Page Rules

I will share my experience with speeding up my website using the WP Fastest Cache and Autoptimize Plugin. Hope it helps many people

Step1: WP Fastest Cache Plugin

1.1 Install the plugin

1.2 WP Fastest Cache Options

Step2: Autoptimize plugin

2.1 Install the plugin

2.2 Autoptimize Settings

Exclude CSS from Autoptimize: wp-content/cache/, admin-bar.min.css, dashicons.min.css

Step3: Lazy Load - Optimize Images plugin

3.1 Install the plugin

3.2 Lazy Load Settings

Step4: Speed up WordPress theme with Cloudflare

I will share my experience with speeding up my website using the WP Rocket Plugin. Hope it helps many people

Step1: Optimize Google Fonts (Use the plugin OMGF | Host Google Fonts Locally)

1.1 Install the plugin

1.2 Optimization Mode = Manual (default)

1.3 Save & Optimize

1.4 Select all = Preload

Step2: Install and Configure the WP Rocket plugin

2.1 Install the plugin

2.2 Cache Lifespan = 60 Hours

2.3 File Optimization configure

Excluded JavaScript Files Code:

2.4 Enable LazyLoad Images

2.5 Prefetch DNS Requests

Use the code below

2.6 Advanced Rules

Use the code below for each theme you use:

2.6.1 Urna theme

2.6.2 Puca, GreenMart, Cena theme

2.6.3 Besa theme

2.6.4 Kera theme

2.6.5 TB Sound theme

2.6.6 TB Camera theme

2.6.7 TB Wedding theme

2.6.8 Diza theme

2.7 Enable Content Delivery Network (If you have)

2.8 Control Heartbeat

2.9 Clear All Cache

Step3: Preload Fonts

3.1 Copy all of your fonts on the Gtmetrix page

3.2 Paste all your fonts into WP Rocket

3.3 Clear All Cache

Step4: If you use Slider Revolution, configure Globals as follows