Magento CDN Integration
Magento is a popular ecommerce solution for online businesses. Magento is powering about 1% of the websites worldwide and is developed and maintained by Magento, Inc., a company owned by Adobe.
A slow Magento website means less revenue, which is why it's important to choose the best CDN for Magento. With KeyCDN, the static content of a Magento website is offloaded to the CDN. Assets to an end client are always delivered from the closest KeyCDN location, which means less latency and higher throughput.
This article shows how to complete both a Magento and Magento 2 CDN integration.
How to complete a Magento CDN integration (pre version 2)
This section shows how to complete a Magento CDN integration with KeyCDN. The integration can be done with HTTPS in addition to HTTP.
- Create a Pull Zone or a Push Zone.
- Log in to the Magento admin panel to start with the Magento CDN integration.
- Go to System > Configuration.
- Once in "Configuration", go to "General" and click on "Web".
- Select the Unsecure section and enter the following information.
Base URL: Enter your website URL in the following format:
http://www.yourwebsite.comBase Link URL: You don't need to change this. It should be pre-populated with your Base URL
Base Skin URL: Fill in your Pull Zone URL that you get in the KeyCDN dashboard including the according folder for skin (e.g.
http://example-hexid.kxcdn.com/skin/orhttp://cdn.yourdomain.com/skin/)Base Media URL: Also fill in your Pull Zone URL from the KeyCDN dashboard followed by the right folder (e.g.
http://example-hexid.kxcdn.com/media/orhttp://cdn.yourdomain.com/media/)Base JavaScript URL: Enter again your KeyCDN URL followed by the JavaScript folder /js/ (e.g.
http://example-hexid.kxcdn.com/js/orhttp://cdn.yourdomain.com/js/)Warning: When using CDN, in some cases JavaScript may not run properly if CDN is not in your subdomain. If you encounter such issues, please change the Base JavaScript URL back to your origin server.
- Select the "Secure" section if you want to use HTTPS. We recommend to use HTTPS. Before you can use HTTPS, you need to make sure you've configured either Shared SSL or Custom SSL in the KeyCDN dashboard. Both Shared SSL and Custom SSL are free of charge.
Base URL: Enter your website URL in the following format:
https://www.yourwebsite.comBase Link URL: You don't need to change this. It should be pre-populated with your Base URL
Base Skin URL: Fill in your Pull Zone URL that you get in the KeyCDN dashboard including the according folder for skin (e.g.
https://example-hexid.kxcdn.com/skin/orhttps://cdn.yourdomain.com/skin/)Base Media URL: Also fill in your Pull Zone URL from the KeyCDN dashboard followed by the right folder (e.g.
https://example-hexid.kxcdn.com/media/orhttps://cdn.yourdomain.com/media/)Base JavaScript URL: Enter again your KeyCDN URL followed by the JavaScript folder
/js/(e.g.https://example-hexid.kxcdn.com/js/orhttps://cdn.yourdomain.com/js/)Warning: When using CDN, in some cases JavaScript may not run properly if CDN is not in your subdomain. If you encounter such issues, please change the Base JavaScript URL back to your origin server.
- Use Secure URL in Frontend > Yes
- Use Secure URL in Admin > Yes
- Save all the settings. The Magento CDN integration is completed.
- We recommend to quickly check the HTML code in order to verify if all the URLs have been rewritten properly.
How to complete a Magento 2 CDN integration
Follow the steps below to complete a Magento 2 CDN integration:
Log in to the Magento admin panel.
Navigate to Stores > Configuration then navigate to Web.
Depending on whether your website is delivered over HTTP or HTTPS you will expand either the Base URLs or Base URLs (Secure) option.
From here, add your Zone URL or Zone Alias to the Base URL for Static View Files field followed by
/static/. For example:http://example-hexid.kxcdn.com/static/(remember to add the correct protocol if using HTTPS).Similarly, add your Zone URL or Zone Alias to the Base URL for User Media Files followed by
/media/For example:http://example-hexid.kxcdn.com/media/(remember to add the correct protocol if using HTTPS).Note: If the above Base URLs are not working for you, try adding/pub/to the URL (e.g./pub/static/and/pub/media/).Once this is complete save the config.
Use the sidebar to navigate to System > Cache Management and Flush Magento Cache.
Verify your HTML page source to ensure that you are properly delivering static content via the CDN.
That's it! Now your Magento installation is integrated with KeyCDN. Also, make sure to check out our additional 12 tips on how to speed up Magento performance.
Choosing the best CDN for Magento
Now that your Magento site is integrated with a CDN, you can begin taking advantage of the speed improvements, improved redundancy, and better security for your site. When choosing the best CDN for Magento, you should ensure that the CDN provider supports the new HTTP/2 protocol, uses optimized SSD servers, and offers SSL options such as free Let's Encrypt certificates.
KeyCDN has also developed a series of tools and maintains a knowledge base. Check these pages as well:
- The Ping Test tool makes pinging IPs from different locations a breeze.
- A Website Speed Test from different locations lets you analyze the page loading time.
- HTTP headers can be examined with the KeyCDN HTTP Header Checker.
- Our troubleshooting guide lets you solve the most common problems around CDNs.