Important Note

This tutorial assumes you have already created a pull zone.

  1. Background Information
    Generally speaking, a CDN is a global network of servers used to increase a website’s performance by decreasing server load at the host server and delivering content to end-users from a closer proximity. There are two simple steps to complete before you can integrate your site with our CDN:

    1. Create a pull zone.
    2. Reference your static assets’ URLs to the CDN URL obtained through Step 1.
  2. Legend
    Origin URL The Origin URL is basically the URL of your website, or you domain. i.e:
    CDN URL The CDN URL refers to either the Temporary CDN URL which is automatically generated when you create a pull zone
  3. Adapt your source code to pull the Static Assets from CDN. The beauty of the way pull zones grab content is that to integrate your website, you simply need to replace your Origin URL with your CDN URL in the links of the static content you want served by the CDN (example 2). There are two main categories of integration methods for pull zones:
    • Popular CMS: If your website is utilizing a known CMS like WordPress, Joomla, Drupal etc., there are automated ways to integrate CDN functionality into the website. You can find the list of CMS’s and the name of your CMS under, if it’s not there, then you need to utilize the Custom Integration mechanism.
    • Custom Integration: If you are implementing this with a custom-built site, you will need to go into the source code and make the changes to point all of your static content to its corresponding CDN location. This is done by replacing your ORIGIN_URL with your ZONE_URL, see the examples below for a better idea how these replacements should look.
  4. Examples
    Location of files on the CDN pull zones will mirror the static contents of your origin server onto our network. Meaning that if you have a file on your origin server located at Origin URL/images/logos/big.jpg, Its location on our CDN would be CDN URL/images/logos/big.jpg.

    1. Replacing URLs in HTML
      The HTML output of your website’s source code needs to be changed so the static elements will be served by the CDN instead of your origin server. Here’s an example for an image file:

      • Replace
        <img src="ORIGIN URL/images/logos/big.jpg" alt="" />
      • Or
         <img src="images/logos/big.jpg" alt="" />
      • With
         <img src="CDN URL/images/logos/big.jpg" alt="" />
         <img src="" alt="" />
      • This means your code will look like:
      •  <img src="" alt="" />
      • Or
         <img src="" alt="" />
      • The same example can be followed with other types of files like CSS, JS, SWF etc…
    2. Search & Replace
      In some cases you can use search & replace editor function and replace origin domain with your CDN temporary or custom domain, however, make sure to leave untouched all URLs pointing to pages and other dynamic content so CDN can serve only static files.