Tutorials

Boost Your Website’s Speed with Free CDN Cloudflare WordPress Optimization

What is CDN?

CDN stands for Content Delivery Network, which is a group of servers located worldwide that work together to provide fastest and more reliable access to website contents cached by CDN servers. Cloudflare is a leading provider of CDN services and offers a free CDN plan that can dramatically improve your website speed and performance. Before proceeding further if you are here to optimize WordPress only, please first optimize your WordPress from server side by using Litespeed Cache or Wp Rocket.
Check our Litespeed Cache Guide.

Requirements for Free CDN Cloudflare WordPress Optimization

A Domain
A website With WordPress or Without WordPress
Superpage Cache Plugin for Cloudflare

Setup Domain or Website with Free CDN Cloudflare

Step 1: Signup for free Cloudflare Account. Verify your email.

CloudFlare CDN Signup

Step 2: Login into your account and click on add a Site enter domain name without any www or http https protocol. Select Free Plan and click on continue.

Account Selection Cloudflare CDN

Check Your DNS Records and Click on Continue. Cloudflare will auto detect your all DNS records. Don’t make any changes here. Click On Continue.

CDN DNS Record Review

Step 3: Copy the Name Servers provided by Cloudflare and update in your Domain DNS records.

CDN Name Servers

Step 4: Open Your Domain Name Provider account, from where you purchased domain. Go to DNS records Settings, click on change name servers or manager name servers then remove all previous name servers and put new name server copied from above step.

CHange Name Servers FOr CDN

Step 5: After Updating nameservers. Click On Done, Check nameservers (on step 3). Now you will see quick start guide click on finish it later.

Free CDN quick start guide

Step 6: Click on your Website Name Open SSL/TLS menu and click on Overview. Change SSL mode to full and turn off SSL/TLS Recommender.

Free CDN SSL Setup

Step 7: Open Edge Certificates menu. Turn On Always Use HTTPS, Opportunistic Encryption, TLS 1.3, Automatic HTTPS Rewrites. Select TLS 1.2 in Minimum TLS Version option. Turn Off Certificate Transparency Monitoring. Do nothing in Disable Universal SSL option leave it to the default value.

Free CDN Edge Certificates scaled

Step 8: Open Security Menu then settings. Turn On Browser Integrity Check, Privacy Pass Support. In Security Level option Select High and in Challenge Passage option Select 1 hour.

Free CDN Security Settings

Step 9: Open Speed Menu then Optimization. In Auto Minify option Select JavaScript, CSS and HTML. Turn On Brotli option. Turn Off all other options if any of them is turned on.

Free CDN Speed Optimization

Step 10: Open Caching Menu then Configuration. In Caching Level option Select Standard and in Browser Cache TTL option Select 1 year. Turn On Crawler Hints and Always Onlineā„¢. Leave others to their default settings or Turn Off.

Free CDN Caching Configuration

Step 11: Open Tiered Cache settings and Turn On Tiered Cache.

Free CDN Tiered Cache

Step 12: Open Rules menu then Page Rules and click on Create Page Rule, In URL (required) box type your main Domain URL in asterisk * format. In Pick a setting option Select Cache Level and “cache everything” from Select Cache level option. Save The Page Rule. Your domain should be exact as you defined in wp site URL while installing WordPress.

Free CDN Page Rule 2

Create another Page Rule to bypass cache for your Login Page. If you don’t create this Rule you will not be able to login. Type Login URL in URL box e.g *mydomain.com/wp-admin/* , Select Cache Level from Pick a Setting option, Select Bypass from Select Cache Level option. Click on add a setting and select Disable Performance. Save Page Rule.

Free CDN Page Rules 1

Repositions the Page Rules. Cache Everything Rule should be set at position 1. You can create only 3 page rules on free cdn plan. Creating wrong page rule will make your website completely inaccessible.

Free CDN Page Rule

Step 13: Open Network Menu. Turn Off Pseudo IPv4 option. Turn On all other options.

Free CDN Network Settings

Step 14: Open Scrape Shield menu and Turn Off Hotlink Protection option. Turn On all other options.

Free CDN Scrape Shield

Bonus Tip: How to Get Global API Key from Cloudflare

Click on your website name on the “overview” menu scroll down and click on Get your global api key token.

Free CDN API TOKEN

From the option Global API Key click on view, type your password, view the key and click on copy key. Now save the key anywhere for later use. We will use this key in Cache Plugins to optimize with Free CDN Cloudflare. Don’t distribute this key to anyone with this anyone can completely access your website.

Free CDN Global Api Key
Free CDN Global KEY Password
Free CDN View Api Key

Final Verdict

We have covered all the important factors in the guide ” Free CDN Cloudflare WordPress Optimization “. Note that these setting will work with every type of website. It’s not just for WordPress only. This guide will boost your website speed up to 10x faster. This guide is the last of our previous article “speed up Your Slow WordPress website – a comprehensive guide“. Setup your Cloudflare domain with LiteSpeed Cache plugin in this article at Step 19.

Other Guide to Optimize WordPress Speed

Optimize WordPress With LiteSpeed Cache.
Optimize WordPress with Wp Rocket
Optimize WordPress with Object Cache
Optimize WordPress with SuperPage Cache with Cloudflare

FAQS:

Is Cloudflare’s free CDN plan completely free?

Yes, Cloudflare’s free CDN plan is entirely free and offers many benefits, including faster website speed and improved performance.

Can I use Cloudflare with any web host?

Yes, Cloudflare can be used with any web host, regardless of the hosting platform or server configuration.

Can CDN affect my website’s SEO?

Speed and performance are important ranking factors for search engines. CDN improve your website’s SEO by improving its speed and performance.

How to check if my website is using Cloudflare?

You can check if your website is using Cloudflare by looking at your DNS settings or by visiting your website and checking the HTTP headers. If you see headers like “CF-Cache-Status” or “CF-RAY,” your website is using Cloudflare.

Can CDN speed up Admin Dashboard or Backend of Website?

CDN only works with Front End. There is no Plugin or any CDN that improves Admin Dashboard speed.

Can I use Multiple CDN?

No, you can use only one CDN whether it’s quic.cloud or Cloudflare. However, Cloudflare cdn is best option around all CDN in the world till now.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close

Adblock Detected

Please consider supporting us by disabling your ad blocker