Using CDN

The Kendo UI CDN is hosted on the Amazon CloudFront.

Only the official Kendo UI releases and serviced packs are uploaded to the CDN. Internal builds are not available on CDN. To access the Kendo UI CDN services, you can use either the HTTP or the HTTPS protocol.

Using the HTTP Protocol

The http://cdn.kendostatic.com/ URL is still active but is no longer recommended for new projects.

The minified versions of all JavaScript files are available at the following locations:

  • http://kendo.cdn.telerik.com/2019.3.1023/js/FILENAME.min.js
  • http://kendo.cdn.telerik.com/2019.3.1023/styles/FILENAME.min.css

For example, the 2019.3.1023 version can be loaded from the following locations:

  • http://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js
  • http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css

The minified Kendo UI scripts are available as of the Kendo UI Q1 2014 SP1 release. To load the scripts, use the http://kendo.cdn.telerik.com/2019.3.1023/js/kendo.ui.core.min.js URL.

Using the HTTPS Protocol

The https://da7xgjtj801h2.cloudfront.net/ URL remains active but is no longer recommended for new projects.

To access the Kendo UI CDN service through the HTTPS protocol, use the same host name from the previous section and replace the scheme (protocol) with https—for example, https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js.

Troubleshooting

This section provides solutions for common issues you might encounter while using the Kendo UI CDN services.

General disruption and connection issues occur

Description Although the Amazon CloudFront service provides a reliable level of uptime support, you might encounter disruption or connection issues. After you check the status of the systems at http://status.aws.amazon.com/, the CDN status is reported as healthy and operates normally.

Cause You might be experiencing Internet, network connectivity, or DNS problems. It is also possible that firewalls, antivirus, or other security software incorrectly filters out the CDN scripts or modifies (breaks) them on the fly.

Solution Contact your system administrator because remote investigation of connection problems is outside the scope of the Kendo UI Support Team.

It is not possible to refer Kendo UI internal builds from CDN

Cause The internal Kendo UI builds are not uploaded to CDN because they are intended only for clients with a commercial license. Only major Kendo UI releases and service packs are available on CDN.

Solution For internal builds, use private CDN services. It is recommended that you implement a local fallback when you use any kind of CDN. For more information, refer to Scott Hanselman's blog post Fallback from CDN to Local Scripts.

<!DOCTYPE html>
<html>
<head>
    <title>Welcome to Kendo UI</title>
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.blueopal.min.css" />

    <script src="http://kendo.cdn.telerik.com/2019.3.1023/js/jquery.min.js"></script>
    <script>
        if (typeof jQuery == "undefined") {
            // A fallback to the local jQuery.
            document.write(decodeURIComponent('%3Cscript src="/path/to/local/jquery.min.js" %3E%3C/script%3E'));
        }
    </script>

    <script src="http://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
    <script>
        if (typeof kendo == "undefined") {
            // Checking for loaded CSS files is cumbersome.
            // Therefore, assume that if the scripts have failed, so have the stylesheets.

            // A fallback to the local Kendo UI stylesheets.
            document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.common.min.css" %3C/%3E'));
            document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.blueopal.min.css" %3C/%3E'));

            // A fallback to the local Kendo UI scripts.
            document.write(decodeURIComponent('%3Cscript src="/path/to/local/kendo.all.min.js" %3E%3C/script%3E'));
            // Also, add kendo.aspnetmvc.min.js or kendo.timezones.min.js if needed.
        }
    </script>
</head>
<body>
    Hello world!
</body>
</html>

Next Steps

See Also

In this article
Not finding the help you need? Improve this article