CDN Support

This topic provides an overview of the CDN support in Platform.

Platform provides Content Delivery Network (CDN) support to improve the performance and scalability of various deployments. Enabling CDN support offers the following benefits:

  • Increased server-side scalability: CDN support takes the load of serving static files from Tomcat and/or Nginx.
  • Lesser cost for private cloud installations.
  • Improved client-side performance such as faster page loading on browser side due to domain sharding and increased likelihood of caching files.

Enabling CDN Support

You can enable CDN support in Platform from System Console > Shared Properties > Customize > CDN. After enabling CDN Support, if the CDN URLs are not specified, Platform will load the respective library from local Tomcat or Nginx. See Shared Properties for more information. Platform provides the following CDN Support while ensuring for backward compatibility:

  • Boostrap
  • Kendo
  • Font Awesome
  • Lato Font

List of CDN Servers

As long as the CDN URL follows the expected pattern, you should be able to use it without any problems. The typical pattern is a base URL followed by a version and the library name. However, in the Shared Property, provide only the base URL because Platform takes care of the version compatibility to ensure that there is no mismatch of versions. For example, in case of Maxcdn, you can specify the base URL as https://maxcdn.bootstrapcdn.com/bootstrap/ .

For example, for Kendo, when using https://kendo.cdn.telerik.com/ that results in including the following: 

<link rel="stylesheet" type="text/css" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.common.min.css" charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://kendo.cdn.telerik.com/2017.1.223/styles/kendo.mobile.all.min.css" charset="utf-8">
<script type='text/javascript' src='https://kendo.cdn.telerik.com/2017.1.223/js/kendo.all.min.js'></script>
<script type='text/javascript' src='https://kendo.cdn.telerik.com/2017.1.223/js/kendo.timezones.min.js'></script>
<script type='text/javascript' src='https://kendo.cdn.telerik.com/2017.1.223/js/jszip.min.js'></script>
<script type='text/javascript' src='https://kendo.cdn.telerik.com/2017.1.223/js/pako_deflate.min.js'></script>


So, you may instead choose to enter the following:
BootstrapCdn: https://maxcdn.bootstrapcdn.com/bootstrap/

KendoCdn : https://kendo.cdn.telerik.com/

FontAwesomeCdn: https://maxcdn.bootstrapcdn.com/font-awesome/

LatoFontCdn: https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin,latin-ext
Note: The shared property contains only the base URL (ending with /) because several files can be served from this path for all CDNs except in the case of LatoFontCdn. You may choose to use any other CDN server(s) apart from the ones listed in this document.

Here's a list of tested CDNs:

Lato Font

http://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin,latin-ext

Kendo

Kendo CDN - http://docs.telerik.com/kendo-ui/intro/installation/cdn-service

The minified versions of all JavaScript files are available at:

Bootstrap

Maxcdn:

Cloudflare:

jsDelivr

FontAwesome

MaxCDN:https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

CloudFlare:https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

jsDelivr:https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css