{"id":9796,"date":"2019-07-02T07:31:58","date_gmt":"2019-07-02T07:31:58","guid":{"rendered":"https:\/\/www.bacancytechnology.com\/blog\/?p=9796"},"modified":"2024-03-04T04:22:59","modified_gmt":"2024-03-04T04:22:59","slug":"what-is-cdncontent-delivery-network-and-how-it-works","status":"publish","type":"post","link":"https:\/\/www.bacancytechnology.com\/blog\/what-is-content-distribution-network","title":{"rendered":"What is CDN(Content Delivery Network) and How it works?"},"content":{"rendered":"<p>Content delivery network commonly referred to as CDN is a large group of interconnected and geographically locations that enhances the deliveries of streaming and static content. The goal of CDN is to improve web performance by providing quick transfer of static assets for loading internet content including JavaScript files, HTML pages, stylesheets, video and images to transmit content and rich media to users&#8217; Internet-connected devices.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/circle-loading-gif.gif\" alt=\"circle-loading-gif\" width=\"250\" height=\"250\" class=\"aligncenter size-full wp-image-9797\" \/><\/p>\n<p>As per the BuiltWith, 66% of the top 10,000 websites are making use of CDN, and this percentage has continually increased over the past decade due to an upsurge in the growth of digital content consumption. Making use of CDN is one of the most significant ways with reliability and high performance on a global scale.<\/p>\n<p>The speed of the website is the first thing that creates an impression on the visitor\u2019s mind, and that\u2019s also perspective to judge you and your business. So, if the speed of the website will be slow, then user experience will be worst.<\/p>\n<p>Many factors affect website speed, some of them are<\/p>\n<ul class=\"bullets\">\n<li>Slower database query response<\/li>\n<li>Code is not optimized<\/li>\n<li>Lower server configuration<\/li>\n<li>Web page assets (text, graphics, scripts, media files, software, documents, etc.)<\/li>\n<\/ul>\n<p>Let\u2019s deep dive to resolve each of the factors mentioned above<\/p>\n<ul class=\"bullets\">\n<li>Slower database query response<\/li>\n<p>        \t-> Query Optimization \/ Increase DB server configurations<\/p>\n<li>Code is not optimized<\/li>\n<p>        \t-> Optimize code \/ Reduce unused code<\/p>\n<li>Lower Server<\/li>\n<p>        \t-> increase server hardware configuration(RAM\/Processor\/Network)<br \/>\n\t        ->Decrease latency by implement distributed network ,geographically level.<\/p>\n<li>web page assets<\/li>\n<p>        \t-> CDN<\/ul>\n<p>Today almost every website is having dynamic content, i.e., CSS, JS, Images, Video, Flash, Animation files, etc. <\/p>\n<p>Every other website ensures to deliver content to their end users with lower latency, CDN dispersed Content to different geographically distributed network locations, CDN server caching the contents of the page. Let\u2019s take an example, our production server is hosted on Canada region and visitor user is trying to access the website, now based on server location user is getting all web content and user faces some content delivery network latency as you can see in below image that it\u2019s taking 6 seconds to load all contents from website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002.jpg\" alt=\"CDN\" width=\"1600\" height=\"1053\" class=\"aligncenter size-full wp-image-9801\" srcset=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002.jpg 1600w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002-300x197.jpg 300w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002-768x505.jpg 768w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002-1024x674.jpg 1024w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/002-20x13.jpg 20w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Now let\u2019s move your website content to CDN, after making all required changes on the website, first time CDN Server will fetch data from the original server and then it stores this fetched data to nearest CDN points of presence. So, the data centers will be accountable for the communication with the visitors in their geographical vicinity. And the data centers will be also responsible to lessen the round trip time by bringing content closer to the visitors. Now the user is having low latency due to less caching servers and less distance, as shown in the below image that it reduces the time from 6 second to 2 second.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1.jpg\" alt=\"CDNN \" width=\"1600\" height=\"1053\" class=\"aligncenter size-full wp-image-9802\" srcset=\"https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1.jpg 1600w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1-300x197.jpg 300w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1-768x505.jpg 768w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1-1024x674.jpg 1024w, https:\/\/www.bacancytechnology.com\/blog\/wp-content\/uploads\/2019\/07\/01-1-20x13.jpg 20w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<p>Reducing the loading time from 6 seconds to 2 seconds is indeed a huge improvement.<\/p>\n<p><strong>Listed are some of the most popular CDN providers.<\/strong><\/p>\n<p>1. <a href=\"https:\/\/aws.amazon.com\/cloudfront\/\" rel=\"nofollow noopener\" target=\"_blank\">Amazon CloudFront<\/a><br \/>\n2. <a href=\"https:\/\/cloud.google.com\/cdn\/\" rel=\"nofollow noopener\" target=\"_blank\">https:\/\/cloud.google.com\/cdn\/<\/a><br \/>\n3. <a href=\"https:\/\/www.cloudflare.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Cloudflare<\/a><br \/>\n4. <a href=\"https:\/\/www.fastly.com\/\" rel=\"nofollow noopener\" target=\"_blank\">Fastly<\/a><br \/>\n5. <a href=\"https:\/\/www.keycdn.com\/\" rel=\"nofollow noopener\" target=\"_blank\">KeyCDN<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content delivery network commonly referred to as CDN is a large group of interconnected and geographically locations that enhances the deliveries of streaming and static content. The goal of CDN is to improve web performance by providing quick transfer of static assets for loading internet content including JavaScript files, HTML pages, stylesheets, video and images [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":9809,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[1262],"tags":[],"coauthors":[1565],"class_list":["post-9796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cloud"],"acf":[],"modified_by":"Chandresh Patel","_links":{"self":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts\/9796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/comments?post=9796"}],"version-history":[{"count":0,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/posts\/9796\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/media\/9809"}],"wp:attachment":[{"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/media?parent=9796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/categories?post=9796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/tags?post=9796"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bacancytechnology.com\/blog\/wp-json\/wp\/v2\/coauthors?post=9796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}