Bootstrap CDN and some common free CDNs
Bootstrap is the most popular front-end framework for developing responsive, mobile first projects on the web. Now I will explain how to use bootstrap CDN in your project.
CDN: CDN is Content Delivery Network. A CDN is a system of distributed servers (network) that delivers web pages and other content to users based on the geographic locations of the user, the origin of the webpage and a content delivery server.
How to use Bootstrap CDN :
This Url will fetch and load the files from twitter bootstrap live server, If you want to use it locally or without internet, you can download it from bootstrap official site.
Include bootstrap CDN css and jquery files in Head section of your webpage as shown below:
<head> ---------- // Other css or jquery files ------------------- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> // Latest Bootstrap css <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> // Latest Bootstrap js file </head>
In the above script, we have included css and js files from Bootstrap CDN in url form. You can include files in your project by downloading from CDN as shown below:
<head> ---------- // Other css or jquery files ------------------- <link rel="stylesheet" href=”Your-directory-path/css/bootstrap.min.css"/> <script src="Your-directory-path/js/bootstrap.min.js"></script> </head>
Bootstrap has developed many css and jquery CDN files for web developers available on the official site..
A List of Some CDNs for Web Developers :
Amazon AWS : Amazon Web Services (AWS), is a collection of cloud computing services, also called web services, that make up a cloud-computing platform offered by Amazon.com. There are a couple of different products in the AWS line: Amazon S3 and Amazon CloudFront.
Amazon S3 is an online storage component of the Amazon platform, allowing you to store your files across multiple “buckets.” With scalability and security built in, Amazon S3 is a great choice for backups, archives, hosting static content files and hosting media, for instance, your blog images.
CloudFront, which is Amazon’s CDN offering, working in conjunction with S3. You can setup Amazon CloudFront with Amazon S3, where the S3 buckets can act as your origin server, rather than the hits taking place directly on your origin server.
Cloudflare : Cloudflare is one of the fastest growing Saas providers in the security and performance space encompassing DNS, CDN. CloudFlare offers a free basic plan that includes fast site performance, security protection, and powerful stats about your visitors.
Google offers CDN for jQuery, jQueryUI, Prototype, Moo tools, Dojo etc. and many more.
MaxCDN : MaxCDN was founded in 2009. MaxCDN has fast servers and a big community of users, and also, webmasters from around the World. They have one of the fastest response time and flexible pricing models available.
Why Use a Public CDN?
Performance : CDN, in general, can reduce your page response times because they are able serve resources from multiple geographic locations, lowering the distance the data has to travel to reach the user. Compared to multipurpose web servers, like the ones used by shared web hosting providers, CDNs also have optimized backend technology specifically for sending out static page resources such as images, JS files, stylesheets, and so forth.
Reliability : The public CDNs in this list are backed by major tech companies, giving you a bit of assurance with regards to their trustworthiness and service performance.
Higher cached probability: Because public CDNs are used by many websites, there’s a bigger chance that the user coming to your site already has a resource stored in their browser, further improving your page response times.