Magento CDN

Important note

This tutorial assumes you have already created a pull zone.
Magento has the ability to utilize CDN Functionality without the need for a 3rd party plugin.

Installing with OnePica ImageCDN

  • Go to Magento ecommerce and create an account.
  • Login on Magento ecommerce and go to: http://www.magentocommerce.com/magento-connect/onepica-imagecdn.html, choose your platform and version of Magento that you are running and click on Get Extension Key in order to get a key URL for your plugin installation.
  • Copy the URL and go to the Magento admin panel. Go to System –> Magento Connect –> Connect Manager. You need to login using your administrator login.
  • Use installation mode from the URL using the extension key you have obtained on ecommerce and paste it in the text field and click Install.
  • After the installation process is over you can hit the Refresh button to check if the plugin is installed.
  • Go to Return to admin and before you start to configure it you will have to log out and log back in, in order for the plugin installation to take effect.

OnePica ImageCDN Configuration

  • Make sure your folders permissions are 777 (RWX on Owner, Goup and Others – chmod 777 <path>).
  • Login to your admin panel of your website.
  • go to System –> Configuration.
  • Under Catalog menu go to Image CDN.
  • Select DNS-Based(Like CoralCDN) tab and input your CDN temp url in the following format: http://foo.bar.netdna-cdn.com under Base URL.
  • Click on Save Config and you are all set for using CDN on your Magento website.
You should be able to see changes the plugin is making by rewriting URLs, load your website and view the source code of the loaded page. You should see your origin URL rewritten to the CDN URL.

Video Tutorial

Installing with Native Support

  • Login to admin panel of your website.
  • Go to System –> Configuration.
  • Under General select Web option.
  • Go to Unsecure settings tab.
  • Follow these set up instructions:
  1. Set the Base URL of your website so that your website domain in the following format: http://www.mywebsite.com.
  2. Base link URL leave as default: {{unsecure_base_url}}.
  3. Base Skin URL: http://foo.bar.netdna-cdn.com/skin/
  4. Base Media URL: http://foo.bar.netdna-cdn.com/media/
  5. Base Java Script URL: http://foo.bar.netdna-cdn.com/js/
  • Keep in mind the Warning inside this section: “When using CDN, in some cases JavaScript may not run properly if the CDN is not in your subdomain”.
  • Now you are officially using CDN on your website and you can check if your URLs are being rewritten by loading your website and viewing the source code of your page.

Important note

In case you made a mistake and, by using wrong CDN url, defaced your magento Website, please visit: this page.
Now you can check if your website is using CDN by loading your website and viewing the source code of loaded page. You should see that your origin URLs are rewritten to the CDN URLs.

Video Tutorial