How to make Magento faster by integrating CloudFlare

Tips and Guides/ 02nd Nov 2016/Will Cook-Martin

Magento Guides

Integrating a Content Delivery Network (CDN) with Magento is one of the easiest ways to make your Magento store faster.

By doing so, you will ensure you are serving your static files i.e. product images, JavaScript and CSS from a server closest to your shoppers. This will result in faster Magento page load speeds and as an added bonus, a reduction in load on your server.

The following guide will detail how to make Magento faster by integrating CloudFlare. The steps include the use of cPanel, though you can perform these particular steps using an alternative admin panel or via the command line

Did you know…

At Clook, one of our specialisms is providing Magento optimised hosting which is significantly faster than a standard install. If you’d like to find out more please get in touch with us.

1
Create a CloudFlare account

If you don’t have a CloudFlare account, create one and add a domain using this tutorial.

2
Create a subdomain

Using cPanel, create a subdomain for your CDN content and point it to your Magento install directory. Here my install is in public_html/magento.

You can call the subdomain anything you like but we recommend something similar to cdn for ease of recognition.

create_subdomain_cpanel

3
Create a CNAME record in CloudFlare’s DNS settings

Follow this guide to add a CNAME record in your CloudFlare dashboard, though instead of using “blog” use “cdn” or whatever subdomain you created in step 2, as below.

make Magento faster by integrating CloudFlare

4
Review CloudFlare’s DNS settings

Check that the only record that has its traffic routed through CloudFlare’s servers is the one you created in step 3.

In the image below you can see that only the CNAME record cdn is passing through CloudFlare’s network, as indicated by the orange cloud.

If there are any other records that are passing through CloudFlare’s network, i.e. those that have an orange cloud, click on them and ensure they are grey and therefore no longer being passed through CloudFlare’s network.

cloudflare_dns

5

Login to your Magento admin and navigate to System > Configuration

magento-system-configuration

6

Click on the Web link under the General tab in the left hand menu.

magento_configuration_web

7

Edit Base Skin URL, Base Media URL and Base JavaScript URL under the “Unsecure” tab so that it references your CDN subdomain path that you created in step 2.

i.e. enter as below but swap cdn.yourdomain.com for the subdomain you created in step 2

If your site also uses https, be sure to duplicate under the “Secure” tab

magento_configuration_unsecure_base_links

8

Clear your Magento cache by navigating to System > Cache Management > Flush Magento Cache

Your Magento store’s static content should now be being served by CloudFlare and you should notice a performance improvement.

Will's our technical sales guy from the hills of Rossendale. A follower of Stoke City, father to Eddie, husband to Catherine and a fan of gadgets - oh and he's recently mastered the art of really slow DIY.
We have a very strong team here at Clook and we build on everyone's strengths and weaknesses, you have to be able to make a good brew too!

Chris James

Customer Login

Forgot Password? Cancel