How to make Magento 2 faster by integrating CloudFlare
Integrating a Content Delivery Network (CDN) with Magento 2 is one of the simplest ways to make your Magento store faster.
The following guide will detail how to make Magento 2 faster by integrating CloudFlare. This guide includes the use of cPanel, though you can perform this just as easily using an alternative admin panel or even 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.
Create a CloudFlare account
If you don’t have a CloudFlare account, create one and add a domain using this tutorial.
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 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.
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.
Login to your Magento admin and navigate to Stores > Configuration
Click on the Web link under the General tab in the left hand menu.
Edit Base URL for Static View File, and Base URL for User Media Files under the “Unsecure” tab so that it references the 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
Clear your Magento store’s cache – System > Cache Management > Flush Magento Cache
Your Magento 2 store’s static content should now be being served by CloudFlare. You should notice a reduction in load and bandwidth usage on your server and hopefully a performance improvement.
Will’s our technical sales guy from the hills of Rossendale. In his spare time he can be found designing and building websites, or doing a spot of DIY!