You can easily load Wijmo into your web page using a Content Delivery Network (CDN). CDN makes it quick and easy to use external libraries, and deploy them to your users. A CDN is a network of computers around the world that host content. Ideally, if you’re in the United States and you access a webpage using a CDN, you’ll get your content from a server based in the US. If you’re in India or China, and you access the SAME webpage, the content will come from a server a little closer to your location.

When web browsers load content, they commonly will check to see if they already have a copy of the file cached. By using a CDN, you can benefit from this. If a user had previously visited a site using the same CDN, they will already have a cached version of the files on their machine. Your page will load quicker since it doesn’t need to re-download your support content.

Wijmo has had CDN support from the very beginning. You can find the CDN page at http://wijmo.com/downloads/#wijmo-cdn. The markup required for loading Wijmo into your page looks similar to this.

Drop down and copy references to paste inside the head tags

<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
  
<!--Theme-->
<link href="http://code.jquery.com/mobile/1.4.0/moonlight-mobile/jquery-wijmo.css" rel="stylesheet" type="text/css" />
  
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20183.140.min.css" rel="stylesheet" type="text/css" />
  
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20183.140.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20183.140.min.js" type="text/javascript"></script>

In this markup, some of the .js files have the extension .min.js. These files have been minified. In other words, all unnecessary characters have been removed to make the pages load faster. There are also no references to individual .js files. The JavaScript for all widgets, CSS, and jQuery references have been combined into one file, respectively, such as wijmo-pro.3.x.x.min.js. If you want to link to individual .js files, see the Dependencies topic for each widget.

Mobile Wijmo References

 If you want to use Wijmo in a mobile app, see jQuery Mobile. Find the latest mobile dependencies in the content delivery network (CDN) file at Mobile Wijmo CDN.

Drop down and copy references to paste inside the head tags

<!--jQuery References-->
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
  
<!--Theme-->
<link href="http://code.jquery.com/mobile/1.4.0/moonlight-mobile/jquery-wijmo.css" rel="stylesheet" type="text/css" />
  
<!--Wijmo Widgets CSS-->
<link href="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20183.140.min.css" rel="stylesheet" type="text/css" />
  
<!--Wijmo Widgets JavaScript-->
<script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20183.140.min.js" type="text/javascript"></script>
<script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20183.140.min.js" type="text/javascript"></script>