Using a Content Delivery Network

A Content Delivery Network (CDN) can be used to store media files. Although the version of Magento that is installed “on premise” does not include an integration with any specific CDN, you can use the CDN of your choice. Magento Commerce (Cloud) is an exception to this, and includes the Fastly CDN. See Fastly in the Magento developer documentation.

After configuring the CDN, you must complete the configuration from the Admin. The changes can be made at either the global or website level. When a CDN is used for media storage, all paths to media on store pages are changed to the CDN paths that are specified in the configuration.

CDN Workflow

  1. Browser requests media.—A page from the store opens in the customer’s browser, and the browser requests the media that is specified in the HTML.
  2. Request sent to CDN; images found and served.—The request is sent first to the CDN. If the CDN has the images in storage, it serves the media files to the customer’s browser.
  3. Media not found, request sent to Magento web server.—If the CDN does not have the media files, the request is sent to the Magento web server. If the media files are found in the file system, the web server sends them to the customer’s browser.

Important! For security, when a CDN is used as media storage, JavaScript may not function properly if the CDN is located outside of your subdomain.

To configure a content delivery network

  1. On the Admin sidebar, click Stores.

  2. Under Settings, choose Configuration.

  3. In the panel on the left under General, choose Web.

  4. In the upper-left corner, set Store View as needed.

  5. Expand the Base URLs section. Then, do the following:

    Base URLs

    • Update the Base URL for Static View Files with the URL of the location on the CDN where static view files are stored.

    • Update the Base URL for User Media Files with the URL of the JavaScript files on the CDN.

      Both these fields can be left blank, or can start with the placeholder: {{unsecure_base_url}}

  6. Expand the Base URLs (Secure) section.

    Base URLs (Secure)

    • Update the Secure Base URL for Static View Files with the URL of the location on the CDN where static view files are stored.

    • Update the Secure Base URL for User Media Files with the URL of the JavaScript files on the CDN.

      Both these fields can be left blank, or can start with the placeholder: {{unsecure_base_url}}

  7. When complete, click Save Config.