Blog

Use Webix CDN for Building Fast Web Apps

Good news! From today to start using Webix library you don’t need to download the package from our website and then unpack it. You may include 2 webix files from the Internet by just setting links to CDN.

CDN can offer a performance and availability benefit by hosting Webix on servers all over the world. The advantage is that if the visitor to your webpage has already downloaded a copy of Webix from the same CDN, it won’t have to be re-downloaded.

Webix uses CDN

Now if the end user works, for example, with several apps that are built on the basis of Webix, the loading speed of the second app will be much faster than it was before using CDN. When your user works with the first app the webix.js and webix.css files are downloaded into cache and stored there. Thus, when a user checks the second app, the browser won’t need to re-download Webix files as they are already in the cache.

Webix CDN is based on Amazon CloudFront CDN whose servers are located in Europe (United Kingdom, Ireland, The Netherlands, Germany, Spain), Asia (Hong Kong, Singapore, Japan, Taiwan and India), Australia, South America, as well as in the United States.

To use the Webix CDN, just refer to the file directly from http://cdn.webix.com like in the code snippet below:

<!DOCTYPE HTML>
<html>
    <head>
    <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css">
    <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript"></script>  
    </head>
    <body>
        <script type="text/javascript" charset="utf-8">
 
... // here your app will "take shelter"
        </script>
    </body>
</html>

If you want to have a more secure way to get the library, you can use “https” connection instead of “http” in the same way:

<link rel="stylesheet" href="https://cdn.webix.com/edge/webix.css" type="text/css">
<script src="https://cdn.webix.com/edge/webix.js" type="text/javascript"></script>

In case you need to get not the latest Webix version but an older one, you can replace this code lines:

<link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css">
<script src="http://cdn.webix.com/edge/webix.js" type="text/javascript"></script>

with the lines of code that include the necessary number of version, e.g.:

<link rel="stylesheet" href="http://cdn.webix.com/2.2/webix.css" type="text/css">
<script src="http://cdn.webix.com/2.2/webix.js" type="text/javascript"></script>

As you can see, you don’t need to download the library and unzip it locally, which significantly saves your time. Moreover,the use of Webix CDN will make your web apps run faster.

If you are a commercial Webix user and want to use the advantages of CDN, please write to us via a contact form and describe your request in details.

Written by
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Webix product manager since 2012, interested in SMM and usability. She strives to make the online world better by creating qualitative and catching content.
Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn Bookmark on del.icio.us Vote on Reddit
  • wingi

    Hi Veronika, you should add your cdn to https://github.com/cdnjs/cdnjs .

    • Veronika Lindorenko

      Hi! Thanks for the idea. We will add Webix CDN there.