Drupal CDN integration

Introduction

The latest statistical data show that nearly 2.2% of all web sites are created and run on Drupal CMS. Drupal CMS is popular because:

  • It is able to provide its users with a high level of security as it gives a high level of control and strong database encryption.
  • It is able to scale to thousands of pages.
  • It has unlimited design possibilities.

Below you can see instructions how to enable CDN in Drupal using Drupal CDN plugin.

Before you start

  • Before you take any steps please back up your files and database.
  • In the following, we will integrate a CDN service using the CDN domain 12345.r.cdnsun.net. Please visit the Services/How-To section to obtain your CDN domain.
  • To integate a CDN service on https:// website you can use https://12345.r.cdnsun.net or you can use a custom CDN domain with SSL enabled.
  • If your website embeds custom fonts then please first enable CORS for them.
  • Before you take any steps please make sure that your CDN domain is ready-to-use here.

Create CDN Static service

Please refer to Creating a CDN Static service for more details.

Enable CDN in Drupal 8 using Drupal CDN plugin

  1. Install and enable the Drupal CDN plugin as in the picture below.
    Drupal 8 enable CDN
  2. Click on the CDN UI plugin's Configure link.
  3. On the Mappings tab select simple mapping and fill in your CDN domain as in the picture below.
    Drupal 8 set CDN mapping
  4. On the Status tab select Enabled as in the picture below.
    Drupal 8 enable CDN status
  5. Click Save configuration.
  6. That's all.

Drupal 8 CDN integration using Drupal CDN module video tutorial

Enable CDN in Drupal using Drupal CDN plugin

  1. Install and enable Drupal CDN plugin as in the picture below.
    Drupal enable CDN
  2. Click on the plugin's Configure link.
  3. On the General tab set Status to Enabled as in the picture below.
    Drupal enable CDN status
  4. Click Save configuration.
  5. On the Details tab set Mode to Origin Pull and to the CDN mapping input field fill in your CDN domain as in the picture below.
    Drupal set CDN mapping
  6. Click Save configuration.
  7. If Druppal suggests you to enable Aggregate and compress CSS files please follow its recommendation and also enable Aggregate Javascript files. This settings can be found in Administration → Configuration → Development → Performance.
    Drupal bandwidth optimization
  8. Click Save configuration.
  9. That's all.

Drupal CDN integration using Drupal CDN module video tutorial

Notes

  • View HTML source code of your web pages to verify that you are using CDN, you should see source attribute of your images, CSS, JavaScript, etc. beginning with your CDN domain.
  • Don't see your CDN domain in source code of your web pages? If your website is using any cache plug-in/mechanism then you might want to clear/flush its cache.
  • Having troubles with custom fonts? Please refer to Using custom fonts with CDN - setting CORS for more details.
  • Still having troubles? Check your CDN URLs in our CDN content check or please refer to Debugging a CDN service for more hints.

Contact Us

  ____      _____     ______  
 |  _ \\   |  ___||  /_   _// 
 | |_| ||  | ||__    `-| |,-  
 | .  //   | ||__      | ||   
 |_|\_\\   |_____||    |_||   
 `-` --`   `-----`     `-`'