Cloudflare Setup

Quick and Easy Step-by-Step Guide

Last updated on December 19, 2020 by Janz Nordman

Disclosure: I'm an affiliate and may earn a commission. Read more...

Signup

Step 1 To start with Cloudflare setup fill in your e-mail, strong password, and “Create Account“.

Step 2 Fill in your website address and “Add Site“.

Step 3 You can tell Cloudflare to scan your website’s existing DNS records. Click “Next“.

Step 4 Please choose your preferred Cloudflare plan during setup. Start with “Basic” and upgrade whenever you need it. You can “Learn more” or click on “Confirm Plan“.

Step 5 Now you need to double-check that all required DNS records are listed for your domain. Don’t worry you can modify DNS records afterward when there’s an urgent need for that. When you are confident enough, please “Continue“, otherwise consult with professionals.

Step 6 Change the nameservers at your domain registrar by pointing your domain to Cloudflare. When you don’t know where to start you can check “I Need Help Changing My Nameservers“. You can find over 30 step-by-step guides for most popular registrars to change the nameservers. Meanwhile, you can “Continue“.

Step 7 Now you need to just wait. It may take up to 24 hours after you have changed the nameserver’s DNS records. You will receive an e-mail after your setup succeeded and your website has become active on Cloudflare. Simple!

Step 8 Make sure your domain status has changed to “Pending Nameserver Update” to “Active“.

Step 9 There is only one last thing to do. Please check your inbox and click on the confirmation e-mail link. Done? Congratulations, you have successfully signed up! Please proceed with setting up Cloudflare.

Cloudflare Setup – SSL/TLS

Overview

Your SSL/TLS encryption mode Full (strict)

Encrypt communication to and from your website using SSL. By default, Cloudflare provides universal SSL certificates when SSL is turned on. I strongly suggest ordering a dedicated certificate(s).

NB! Make sure that when using the Full (strict) option you have a valid certificate installed on your origin server.

Edge Certificates

Edge Certificates Upload Custom SSL Certificate Order Advanced Certificate

Manage and purchase SSL certificates that will be served to your web visitors.

Plans:

• Basic – includes Cloudflare Universal SSL certificate pack.
• Business – enables the feature to upload any SSL certificates.

You can order a dedicated certificate with custom hostnames.

Always Use HTTPS On

Redirect all requests with scheme HTTP to HTTPS. This applies to all HTTP requests to the zone. Strongly suggested to turn this feature on to force clients to use a secure connection.

NB! Your origin server must support HTTPS connection first.

HTTP Strict Transport Security (HSTS) Enable HSTS

Enforces a web security policy for your website. This is an advanced technique and certainly recommended for online stores. You can read more about How to Submit HSTS Preload Requests.

NB! All your subdomains must support HTTPS connection and have a valid certificate installed.

Minimum TLS Version TLS 1.2

Only allow HTTPS connections from visitors that support the selected TLS protocol version or newer.

Opportunistic Encryption On

If your website supports the improved performance of HTTP/2, turning on this setting is recommended. Opportunistic Encryption lets browsers to know that your site is available over an encrypted connection.

TLS 1.3 Enabled

Enable the latest version of the TLS protocol for improved security and performance. Strongly suggested to enable this feature as roughly 30% of the traffic is using already TLS 1.3.

Automatic HTTPS Rewrites On

Automatic HTTPS Rewrites helps fix mixed content by changing HTTP to HTTPS for all resources or links on your web site that can be served with HTTPS. Strongly suggested to turn this feature on to avoid browser’s „mixed content“ errors when the usage of HTTP and HTTPS is mixed within the website.

Certificate Transparency Monitoring BetaOff

Receive an email when a Certificate Authority issues a certificate for your domain. This is currently in the beta phase and is recommended to keep it off.

Disable Universal SSL Disable Universal SSL

Disabling Universal SSL removes any currently active Universal SSL certificates for your zone from the edge and prevents any future Universal SSL certificates from being ordered. If there are no dedicated certificates or custom certificates uploaded for the domain, visitors will be unable to access the domain over HTTPS.

NB! Make sure that you install a new dedicated SSL certificate before disabling the Universal SSL certificate.

Origin Server

Origin Certificates Create Certificate

Generate a free TLS certificate signed by Cloudflare to install on your origin server. Origin Certificates are only valid for encryption between Cloudflare and your origin server.

Authenticated Origin Pulls On

TLS client certificate presented for authentication on origin pull. This feature helps to verify whether incoming requests are originated from the Cloudflare network only.

NB! Setting this directive may require VPS or Dedicated hosting solution.

SSLVerifyClient require
SSLVerifyDepth 1
SSLCACertificateFile /path/to/origin-pull-ca.pem

ssl_client_certificate /path/to/origin-pull-ca.crt;
ssl_verify_client on;

Cloudflare Setup – Firewall

Managed Rules

Web Application Firewall (WAF) Pro Plan On

It provides enhanced security through a built-in ruleset to stop a wide range of application attacks. WAF blocks requests that contain malicious content and provides strong security without impacting performance. You will get protection for common attacks like cross-site scripting, SQL injections, and many more.

NB! Strongly suggested to turn this feature on to activate security packages like OWASP, Cloudflare Rules, and any custom rules.

Cloudflare Managed Ruleset Pro Plan On

Cloudflare’s Managed Ruleset has been created by Cloudflare security engineers and is designed to provide fast and performant protection for your applications. This ruleset is updated and improved on a frequent basis to cover new vulnerabilities and to improve false-positive rates.

Package: OWASP ModSecurity Core Rule Set Pro Plan High, Challenge

Covers OWASP Top 10 vulnerabilities, and more. It’s strongly recommended turning on the most OWASP rules when your website e.g. online store collects and stores some valuable data desired by the hackers. Skip rulesets based on the platform e.g. Joomla and PhpBB.

NB! When your website uses WordPress CMS, OWASP Slr Et WordPress Attacks ruleset must be also enabled.

Firewall Rules

Firewall Rules Coming Soon

Tools

Zone Lockdown Coming Soon

Settings

Security Level Medium

Adjust your website’s Security Level to determine which visitors will receive a challenge page.

NB! When running a website containing customer’s data, you should set this setting at least to Medium.

Bot Fight Mode On

There are thousands if not millions of bots out there and these automated workers may slow down your website significantly when making requests often. Turning on this option is highly recommended.

JavaScript Detections Off

Use lightweight, invisible JavaScript detections to improve Bot Management products. Though it’s the contribution to a better and more secure web, I suggest to keep this feature off for now.

Challenge Passage 30 minutes

Specify how long a visitor with a bad IP reputation is allowed access to your website after completing a challenge. After the Challenge Passage TTL expires, the visitor in question will have to pass a new Challenge.

Browser Integrity Check On

Evaluate HTTP headers from your visitors’ browser for threats. If a threat has found, a block page will be delivered.

NB! This may block access to your API. You can selectively enable or disable this feature for any part of your domain using page rules.

Privacy Pass Support On

Privacy Pass is a browser extension developed by the dedicated team to improve the browsing experience for your visitors. Enabling this feature will reduce the number of CAPTCHAs shown to your visitors.

NB! This works only for the websites using Cloudflare.

Cloudflare Setup – Speed

Optimization

Polish Pro Plan Lossless, WebP

Improve image load time by optimizing images hosted on your domain. Optionally, the WebP image codec can be used with supported clients for additional performance benefits.

NB! Purge cache to have your change take effect immediately.

Auto Minify JavaScript, CSS, HTML

Reduce the file size of the source code on your website. You find couple of reasons below why minification doesn’t work when expected.

• If the file is served from an external domain not powered by Cloudflare.
• If the file contains .min in the filename.
• If the file has syntax errors and it cannot be parsed.
• Inline CSS or JS embedded inside your HTML code will not be minified.

NB! Purge cache to have your change take effect immediately.

Brotli On

Speed up page load times for your visitor’s HTTPS traffic by applying Brotli compression.

Automatic Platform Optimization for WordPress Pro Plan On

Cloudflare APO for WordPress is a performance feature improving website loading and speed. All your pages and third party fonts are served from Cloudflare’s edge network. This significantly improves TTFB and creates a better user experience. For free users, there is an additional $5/month fee for APO.

When using Cloudflare APO feature please make sure to you use the following officially recommended setup:

Enhanced HTTP/2 Prioritization Pro Plan On

When enabled, resources will be delivered in the optimal order for the fastest experience across all browsers. Read more on Cloudflare’s Blog Post.

TCP Turbo Pro Plan Enabled

Enabled automatically, reduces latency and throughput over TCP connection.

NB! Only disabled for free plans.

Mirage Pro Plan Beta Off

Improve load time for pages that include images on mobile devices with slow network connections. You can try this feature out, but as it’s on the beta phase, then strongly recommended to keep disabled.

NB! May cause problems when lazy-loading library is enabled for your site.

Rocket Loader™ On

Improve the paint time for pages that include Javascript. You can have Rocket Loader ignore individual scripts by adding the data-cfasync="false" attribute to the relevant script tag, for example:

<script data-cfasync="false" src="/path-to-your-javascript.js"></script>

Cloudflare Setup – Caching

Configuration

Purge Cache Purge Everything Custom Purge

Clear cached files to force Cloudflare to fetch a fresh version of those files from your web server. You can purge files selectively or all at once.

NB! Purging the cache may temporarily degrade performance for your website and increase the load on your origin.

Caching Level Standard

Determine how much of your website’s static content you want to cache. Increased caching can speed up page load time. You can set cache static content according to these levels:

• No Query String – only delivers files from the cache when there is no query string.
• Ignore Query String – delivers the same resource to everyone independent of the query string.
• Standard – delivers a different resource each time the query string changes.

Browser Cache TTL 8 days

Determine the length of time Cloudflare instructs a visitor’s browser to cache files. During this period, the browser loads the files from its local cache, speeding up page loads. Therefore, it’s up to you how long you set the cache period. Set it to a longer period when your website’s content doesn’t change that often.

CSAM Scanning Tool Beta Coming Soon

Always Online™ On

If your server goes down, Cloudflare will serve your website’s static pages from their cache.

Development Mode Off

Temporarily (lasts for three hours) bypass cache allowing you to see changes to your origin server in realtime.

NB! Enabling this feature can significantly increase the origin server load.

Reliable and Recognized Web Hosting Partners

Overview of Best WordPress Hosting Providers

Best Uptime (99.99%)

Fastest Load Time (141ms)

Starting Cost ($3.95/mo)

Integrated Cloudflare Support

Provides auto-scalable cloud hosting for high-performing sites. Go to SiteGround.

Good Uptime (99.95%)

Fast Load Time (147ms)

Starting Cost ($6.99/mo)

Integrated Cloudflare Support

One of the most popular and leading web hosting solutions company on the market. Go to GoDaddy.

Best Uptime (99.99%)

Good Load Time (182ms)

Starting Cost ($3.92/mo)

Integrated Cloudflare Support

Integrated LiteSpeed Web Server

The fastest WordPress stack with LiteSpeed server technology provided by A2 Hosting.

Source HostScore

Cloudflare Setup – Network

HTTP/2 On

HTTP/2 improves the way HTTP requests and responses are sent over the Internet by allowing faster page load times. According to W3Techs, 48% of the top 10 million websites support HTTP/2. Turn this switch on to be part of this league.

NB! Free plans can’t disable this option.

HTTP/3 (with QUIC) On

HTTP/3 is the next version of the network protocol designed to take advantage of QUIC, a new Internet transport protocol that provides a number of improvements designed to accelerate HTTP traffic. According to W3Techs, 7% of the top 10 million websites support HTTP/3. Turn this switch on to gain encryption and performance improvements compared to TCP and TLS.

0-RTT Connection Resumption On

Turn this switch on to improves performance for clients who have previously connected to your website.

WebSockets Off

When you have a mission-critical real-time application, you can allow web socket connections to your origin server. Otherwise, turn this feature off.

Onion Routing On

Onion Routing allows routing traffic from legitimate users on the Tor network through Cloudflare’s onion services rather than exit nodes, thereby improving the privacy of the users and enabling more fine-grained protection. It doesn’t make any harm to turn this feature on.

Pseudo IPv4 Off

Cloudflare offers Pseudo IPv4 which supports IPv6 addresses in legacy applications expecting IPv4 addresses. Keep this feature off unless you have a specific need.

IP Geolocation Off

Keep this feature off when you are not a developer. Otherwise, keep this setting enabled when you need to send different results back from the origin server based on the visitor location.

NB! Cloudflare adds CF-IPCountry header to the request.

Maximum Upload Size 100MB

The amount of data visitors can upload to your website in a single request.

NB! This setting can be changed since Business plan.

Scrape Shield

Email Address Obfuscation On

Cloudflare can obfuscate e-mail addresses found on your website to stop harvesters and bots getting e-mail addresses for spamming purposes, but still visible to human visitors. Please keep this setting enabled to make spammers’ life as harder as possible.

Server-side Excludes On

If you have some sensitive content on your webpage and you would like to hide this from suspicious visitors, enable this option. Put everything between SSE tags and Cloudflare will show this wrapped content only to real users.

<!--sse-->Suspicious visitors won’t see my phone number, (+372) 5 555 555<!--/sse-->

Hotlink Protection On

Hotlink Protection prevents your images from being used by other websites. When consumed by other websites this can reduce the bandwidth of your origin server. As a result, your website visitors will still be able to download and view images.

NB! You can still hotlink images by putting them into /hotlink-ok/ sub-folder and Cloudflare will allow them to consume by other websites.

Thanks for Reading and Good Luck on Your Journey! Need Some Help or Would Like to Ask Something about Current Content? Please Add a Comment 🙂

When you have any questions, do not hesitate to contact me!

Like It? Share It!

Best Website Builder in 2020

Here is the overview of the best 5 website builders when you start setting up a website for your own business.

Read More

Best WordPress Hosting Provider in 2021

Here is the overview of my best 5 WordPress hosting providers when you start setting up a website for your own business or idea.

Read More

Cloudflare Review

A feature-packed CDN with one of the best free plans around.

Read More

Install WordPress

You’re looking for the quickest and easiest way to set up a WordPress website? Start here!

Read More

Best WordPress Plugins for Your Website in 2020

Looking for the best WordPress plugins to take your website to the next level this year? There are tons of free and paid WordPress plugins…

Read More

Technology Overview

This website uses A2 Hosting – Turbo Max Web Hosting service that includes the LiteSpeed Server-side Technology.

• Reliable RAID-10 NVMe SSD Storage
• 4GB of Physical Memory
• 4CPU Cores per Package
• 30% Faster AMD EPYC Server
• 24/7/365 Guru Crew Support

Secure Cloudflare CDN sits on the top of the network infrastructure.

• Auto-optimization with Mirage
• Mobile Optimization with Mirage & Polish
• HTTP/3 Delivers Files 20% – 30% Faster than HTTP
• Edge Side Includes (ESI) to Speed up Dynamic Caching

Cloudflare Review

Although GTmetrix shows incredible results, I’m working hard on getting those scores more better. Believe me, it’s a tough challenge when you have a WordPress website.

NB! Do not expect 100% GTmetrix performance scores when you don’t have a “lightweight” website.

When you have any questions, do not hesitate to contact me!