Home / WHSR Blog / Increasing Website Speed With Cloudflare (Simple Setup Guide)
Increasing Website Speed With Cloudflare (Simple Setup Guide)
Updated: Jul 07, 2020 / Article by: Timothy Shim
What is Cloudflare?
Cloudflare is most well known for its Content Delivery Network (CDN). This helps websites to lower web page loading speeds. The primary way this is done is via caching. However, Cloudflare also integrates several other technologies to help improve overall performance and security.
If you’re new to Cloudflare, be assured that the default settings you get are fairly reliable. However, since all websites tend to be configured differently, some fine-tuning may get you better results.
This simple guide aims to help you find the most optimal settings for your site.
Before You Start
If you’re planning to improve your site performance using Cloudflare and this guide, do so incrementally. This will help you more easily roll back any potential issues arising from changes you might make.
For those who aren’t interested in a deep dive or have cold feet, you can just make a few minor tweaks. Leave most of the default settings and only check the following:
DNS – Only enable proxy for your domain name and WWW record. Toggling proxy on for anything else may give you errors, especially if the record is pointing to an external server.
Since there are many options in the Cloudflare control panel, I’ll only be addressing those that need specific attention. Unless your site requires otherwise, leave anything else on the default settings.
Once you’ve switched your Nameservers over to Cloudflare, this tab should self-populate from your records.
Normally you should not have to change the settings here. However, I do recommend you set your domain name and WWW record to Proxied. These are usually the A and CNAME records.
To change the Proxy status, click on the grey cloud. Once it’s proxied the cloud icon should turn orange. Enabling proxy for those will help mask your server origins.
Overview – While not really helpful in increasing your site performance, a wrong setting here may have unintended effects. Specifically, unless you know what you’re doing, using the ‘Full (strict)’ mode may cause your site to stop working. Unless you have a reason not to, set this option to ‘Full’ and leave it that way.
Edge Certificates – Enable ‘Always Use HTTPS’, ‘Automatic HTTPS Rewrites’. The latter is particularly helpful if you find yourself facing problems with your SSL status due to mixed content errors.
The Firewall section is mainly for use in customizing security for your site. I recommend that if you want to use Firewall Rules, observe your web traffic for some time first. As you go you will soon notice what looks suspicious or not.
If you feel that certain IPs or IP address ranges are suspicious you can try blocking them by adding a rule. Add the IP address and include an action to take if anyone from the IP tries to access your site. Unless you’re certain it’s malicious or a bot, then set the action to ‘Challenge’.
This section will of course be of most interest to most users. Unfortunately, it contains a few paid choices. Still, some options are useful depending on how you’re running your site.
If you’re using AMP then enable AMP Real URL. This will help you avoid showing your mobile visitors strange AMP-ed urls. AMP tends to add some strange extensions to your URLS and enabling this fixes that issue.
Brotli helps with compression so make sure you enable that. Rocket Loader on the other hand technically sounds good, but I find that it tends to cause problems, especially with WordPress sites.
Minification is of course awesome but usage depends on how you’re already set up on your site. If you’re already running code minification with your site, then don’t enable it here. Minification is good, just don’t duplicate the function.
By right caching should work ‘as is’ but there’s something here you need to use from time to time. If you make changes to your site and notice it doesn’t show online yet then come here and purge your cache.
By default, HTTP/2 should be forced on but if you notice it isn’t and is off, turn it on. HTTP/3 is theoretically a lot better so if the option is available to you do try it out. It’s faster and more reliable than HTTP/2 while retaining the good characteristics.
The only thing of note here on free plans is Hotlink Protection. While in theory it looks easy, it often needs a bit of tweaking on your web host before it’ll work properly. More often than not it will cause more headaches than it’s worth.
This is useful in many cases but the most outstanding way I think it fits in if you’re using a WordPress site. These rely heavily on plugins to extend features which is great, but it also increases your server load.
Instead of running them off your server, make use of Cloudflare’s apps instead. There are a fair number of them available for almost everything, from supporting PayPal payments to entire online store apps.
Final Thoughts: It Takes a Bit of Everything
There are various schools of thought when it comes to website performance improvement. Some place a heavy focus on TTFB, while others may look towards reducing resource usage or optimizing the site in other ways.
Personally, I feel that in order to truly get a green light in performance, you need to work at a little bit of everything. Most performance improvement tweaks give you very small boosts to speed or efficiency.
Only by combining them will you get truly satisfactory results. However, I will say that a CDN like Cloudflare helps you go a long way in a single package. Aside from this, what you need to seriously pay attention to is your web host.
This is something that you can’t control after you’ve signed up for it. Because of that, doing a bit more research can save you a lot of stress when it comes to server response speed or anything else you rely on your web host for.
Disclaimer: The information presented in this article is presented to the author’s best knowledge. Under no circumstances shall the use of this guide be basis for liability claims against the author or the site(s) on which the information is published.
About Timothy Shim
Timothy Shim is a writer, editor, and tech geek. Starting his career in the field of Information Technology, he rapidly found his way into print and has since worked with International, regional and domestic media titles including ComputerWorld, PC.com, Business Today, and The Asian Banker. His expertise lies in the field of technology from both consumer as well as enterprise points of view.