Written by Peter Bui Follow on
Published: 28 September 2015

jquery cdnjs

Everyone wants more speed out of their website! A faster loading website can;

  • helps users that are surfing from mobile connections,
  • bad internet connections in general, like most of Australia, 
  • improves usability of a site,
  • can help increase page stay time
  • reduce bounce rate
  • engage better with younger 'millennial' generation who you need to with engage quickly, 
  • better search engine optimisation as it is one of Google's ranking factors

These are just some of the benefits that can be seen quite quickly when you have a well optimised and fast loading website and using an open source service such as CDNJS can really help with improving that speed.

You may be thinking, perhaps we should be using Google's CDN for these things instead of CDNJS, and in most cases for JS libraries such as common ones like jQuery I'd have to agree with, but Google on the other hand doesn't host the smaller and lesser know JS libraries such as jquery-migrate.min.js, and this is where CDNJS can help out with that.

CDNJS is an open source network sponsored by some of the largest Content Delivery Network (CDN) providers in the world such as CloudFlare. 

By replacing your Javascript and CSS libraries that exist on your website, you can reduce the bandwidth, overhead and response time for your end user.

If enough websites are using the CDN, the likelihood of the user having the Javascript or CSS file already on their computer is highly likely. Meaning the user's browser doesn't actually need to load that file again saving bandwidth and load time.

twitter bootstrap cdn

For a Joomla website, these common files include core files such as:

  • jquery.min.js
  • jquery-noconflict.js
  • jquery-migrate.min.js

and additional template and theme files such as

  • bootstrap.min.css
  • bootstrap.min.js

Replacing all of these files with the external CDN versions can drastically speed up your website.

The Joomla Beat Podcast website is a great example of a Joomla based website that has a reduced page load time of under 1 second.

tools pingdom page speed

With the Joomla Beat website, we migrated assets to MaxCDN's CDN network, switched over various JS libraries to use CDNJS and also enabled CloudFlare's CDN over the top of the whole thing, just to speed things up again and as you can see from the speed test results, it loads just under one second.

If you have any tops in regards to how to speed up and optimise your Joomla site, or a different plugin or service that can be used to help, I'd love to hear about it in the comments for this post.

Visit the CDNJS website to find out more information about their service or to submit a library that you may need. 

You can also listen to a podcast with Simon Kloostra in episode 92 of the podcast where he talks about SEO and website performance being a contributing factor.

Peter Bui

Peter Bui

An all round web specialist with years of experience in web design, development and open source solutions at PB Web Development

Subscribe to the Podcast

Subscribe to Newsletter

Stay up to date with the latest Joomla news, design, development, marketing and management hints and tips right in your email.

Sub Category Topics Menu

Recent Comments

This site is hosted on

Digital Ocean

Simple Cloud Hosting, Built for Developers.

 

If you don't know how to build
your own server, we recommend

 siteground logo

Fast support, reliable & cost effective

Web Hosting