{"id":87010,"date":"2023-02-20T06:26:57","date_gmt":"2023-02-20T11:56:57","guid":{"rendered":"https:\/\/www.whizlabs.com\/blog\/?p=87010"},"modified":"2023-12-18T05:36:39","modified_gmt":"2023-12-18T11:06:39","slug":"azure-cdn-website-performance","status":"publish","type":"post","link":"https:\/\/www.whizlabs.com\/blog\/azure-cdn-website-performance\/","title":{"rendered":"How to improve website performance and responsiveness using Azure CDN?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Websites have gone topsy-turvy since their inception. However, in 2024, if your website is not optimized, takes forever to load, doesn\u2019t deliver the content as requested on time, and shows error or time out, you are in deep trouble. Google will kick you out of the SERP game. Gone are the times when users had the patience to sit back and wait for the websites to load.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Interestingly, using Azure CDN, you resolve all the performance and optimization issues with a breeze while ensuring a seamless user experience. <strong>Azure CDN<\/strong> offers myriad features that will help you deliver content to audiences dwelling in any part of the world and accelerate the speed of accessing content for viewers.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So this blog will help you understand what CDN Azure is, how it works, its features, and how it helps improve site performance and optimize content delivery using CDN Azure. Let\u2019s dive in.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">What is Azure CDN<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Azure Content Delivery Network (CDN) offers a comprehensive solution for <strong>fast and high-quality content delivery<\/strong> to users by caching their content at carefully selected physical nodes worldwide. Azure CDN can speed up dynamic content that cannot be cached by combining numerous network enhancements with CDN POPs\u2014for instance, route optimization to prevent Border Gateway Protocol (BGP).<\/span><\/p>\n<blockquote>\n<p style=\"text-align: left;\">Also Read: <a href=\"https:\/\/www.whizlabs.com\/blog\/azure-cdn-complete-guide\/\" target=\"_blank\" rel=\"noopener\">Azure CDN<\/a> \u2013 Complete Guide<\/p>\n<\/blockquote>\n<p><span style=\"font-weight: 400;\">By sending web assets, such as <strong>Azure CDN<\/strong>, you guarantee the following:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Improved user experience and performance for end users, especially when using applications that require many round-trips to load content<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Better scaling to manage sudden high loads, such as the start of an event for a product launch<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dividing up user requests and serving material straight from edge servers to cut down on traffic to the origin server<\/span><\/li>\n<\/ul>\n<div class=\"ast-oembed-container \" style=\"height: 100%;\"><iframe title=\"Azure Services - Most popular services offered by Microsoft Azure | Learn with Whizlabs\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/V7K0A-Snt_c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<h3><span style=\"font-weight: 400;\">How does CDN Azure work?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When you request a file or an asset, Azure CDN uses a URL with a specific domain name, like &lt;endpoint name&gt;.azureedge.net. It can be an endpoint hostname or a custom domain. The CDN then routes the request via DNS to the nearest POP (point of presence) location.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, if none of the edge servers in POP holds the file, then POP requests the file from the origin server. The origin server can be an Azure Web App, Azure Cloud Service, Azure Storage account, or any publicly accessible web server.<\/span><img decoding=\"async\" class=\"alignnone wp-image-87039 size-large\" style=\"font-weight: inherit;\" title=\"Azure CDN\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-1024x576.webp\" alt=\"Azure_CDN\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-1024x576.webp 1024w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-300x169.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-768x432.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-1536x864.webp 1536w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1-150x84.webp 150w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-Azure-CDN-Works-2048x1152-1.webp 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Next, the origin server will send the file to an edge server in the POP, where it gets cached. The file is then served to the original requestor and remains cached on the edge server until its HTTP headers&#8217; time-to-live (TTL) expires. The default TTL is seven days if not specified by the origin server.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Moreover, subsequent users can also request the same file using the same URL and be directed to the same POP. If the TTL for the file hasn&#8217;t expired, the POP edge server returns the file directly from the cache, leading to a faster and more responsive user experience.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Requirements of Azure CDN<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">To use CDN Azure, you must possess at least one Azure subscription. Furthermore, you must establish a CDN profile, which encompasses a set of CDN endpoints. Each CDN endpoint provides users with configurable content delivery behavior and access.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">CDN Azure Features<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Here are some of the notable features of CDN Azure.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Caching features to control caching behavior of Azure CDN\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN offers two methods to manage file caching:<\/span><\/p>\n<p><b>Caching rules<\/b><\/p>\n<p><span style=\"font-weight: 400;\">With caching rules, you can establish global caching rules for each endpoint in your profile, affecting all requests to that endpoint. You can define default cache expiration behavior globally, like URL path and file extension.<\/span><\/p>\n<p><b>Query string caching<\/b><\/p>\n<p><span style=\"font-weight: 400;\">This feature lets you determine how Azure CDN caches requests with query strings.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Restricting countries based on regions or countries<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN offers a geo-filtering feature that enables you to create rules for specific paths on your CDN endpoint to allow or block content from selected countries based on the request&#8217;s origin.<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Files Compression<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN provides a feature that allows you to compress files, resulting in faster file transfer speeds and better application performance by decreasing the file size. This feature reduces bandwidth costs.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Optimize content delivery using Azure CDN\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Ensuring optimized content delivery to a worldwide audience is essential. To support this, Azure CDN now offers the capability to accelerate and optimize performance based on the specific scenarios in which you are using Azure CDN. These scenarios may involve delivering general websites or web applications, streaming media, downloading files, and more. By default, optimization is applied to the scenario you select in the &#8220;optimized for&#8221; option when creating a CDN endpoint.<\/span><\/p>\n<blockquote><p><span style=\"font-weight: 400;\">Why Do You Need To Upskill Your Teams With The<\/span><a href=\"https:\/\/www.whizlabs.com\/blog\/upskill-teams-azure-ai\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\"> Azure AI Fundamentals?<\/span><\/a><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">Azure CDN applies various optimizations, such as caching, object chunking, and an origin failure retry policy. Creating a CDN endpoint depends on the specific content delivery scenario you choose.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A few ways to optimize content.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">General web delivery<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">The most common optimization option is general web delivery, designed to optimize general web content, including web pages, web applications, files, and video downloads.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A typical website comprises static and dynamic content, with static content like images, JavaScript libraries, and style sheets that you can cache and deliver to different users. On the other hand, the CDN will personalize dynamic content for individual users, such as news items tailored to a user&#8217;s profile. As this dynamic content is unique to each user, it isn&#8217;t cached.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">General media streaming<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN Standard from Microsoft uses the general web delivery optimization type to deliver streaming media assets directly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The media streaming optimization is specifically designed for live or video-on-demand streaming media that utilizes individual media fragments for delivery rather than a single large asset transferred via progressive download or byte-range requests.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The general media delivery optimization leverage Azure CDN to deliver media assets faster.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Video-on-demand streaming<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN endpoints optimize the delivery of streaming media assets using the general web delivery optimization type. These endpoints have specific features that assist in delivering media assets, including partial caching and the cache fill wait time feature.\u00a0<\/span><\/p>\n<p><b>Partial Caching<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Partial caching enables the CDN to serve partially cached content to new requests. When a request to the CDN results in a cache miss, the request is sent to the origin.\u00a0<\/span><\/p>\n<p><b>Cache fill wait time<\/b><\/p>\n<p><span style=\"font-weight: 400;\">The cache fills wait time feature forces the edge server to hold subsequent requests for the same resource until HTTP response headers arrive from the origin server. If HTTP response headers from the origin arrive before expiring, CDN Azure will serve all requests on hold. Meanwhile, the cache is filled with data from the origin. These features are useful for video-on-demand streaming media using separate media fragments for delivery.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Downloading large files<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Azure CDN Standard employs object chunking, a technique used for large file delivery. When a user requests a large file, the CDN retrieves the file in smaller chunks of 8 MB from the origin. The CDN edge server requests the file from the origin in parallel chunks. Once a chunk arrives, the CDN immediately caches and serves the same to the user.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Further, the CDN Azure prefetches the next chunk in parallel to stay one step ahead of the user, reducing latency. This process continues until the entire file is downloaded.<\/span><\/p>\n<blockquote><p><a href=\"https:\/\/www.whizlabs.com\/blog\/aws-vs-azure-cloud-platform-2023\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">AWS Vs Azure: <\/span><\/a><span style=\"font-weight: 400;\">W<\/span><span style=\"font-weight: 400;\">hich Cloud Platform You Can Choose In 2023?<\/span><\/p><\/blockquote>\n<p><span style=\"font-weight: 400;\">The CDN caches the chunks as they are received. Further requests for the same files are served from the CDN cache. The entire file doesn&#8217;t need to be cached on the CDN.\u00a0 However, for this optimization, the origin server must support byte-range requests. If the origin server doesn&#8217;t support byte-range requests, downloading data greater than 8 MB will fail.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Improving website performance using Azure CDN<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Azure CDN uses a five-step process to migrate content when a user sends a request.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Step 1: Evaluating the overall Architecture<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">To maximize the benefits of Azure CDN, you must ensure that the content&#8217;s origin is highly accessible to the CDN nodes. This will help you ensure fast content delivery, even on the initial load before the CDN caches the content.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-87012 size-full\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN.webp\" alt=\"website performance and responsiveness using Azure CDN\" width=\"965\" height=\"413\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN.webp 965w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-300x128.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-768x329.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-150x64.webp 150w\" sizes=\"(max-width: 965px) 100vw, 965px\" \/><\/p>\n<figure class=\"jo jp jq jr fs js fg fh paragraph-image\"><figcaption class=\"jz dm fi fg fh ka kb bd b be z dk\" data-selectable-paragraph=\"\"><strong><strong>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0High-level architecture of Azure CDN solution<\/strong><\/strong>\u00a0<\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">To achieve low latencies for content loading with Azure CDN, use Azure Blob Storage as the content origin. It requires a subscription, resource group, CDN Azure profile, and more.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Step 2: Configuring storage account\u00a0<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">If you already have an Azure Subscription and a Resource Group, you need to set up the Azure Storage Account with the following:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Location<\/b><span style=\"font-weight: 400;\">: For better performance, choose the primary location where the assets will be available, closer to the website&#8217;s loading location.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Replication<\/b><span style=\"font-weight: 400;\">: Select Read-Access Geo-Redundant Storage to enable failover to another region in case of a primary location outage.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b><b>Data protection: <span style=\"font-weight: 400;\">Enable Point-In-Time to restore or Blob-Versioning for extra protection.\u00a0<\/span><\/b><\/b><\/li>\n<\/ul>\n<h4>Step 3: Migrating assets using AzCopy<\/h4>\n<p><b><b><\/b><\/b><span style=\"font-weight: 400;\">Azure allows several options to migrate on-premises data to the cloud, including shipping disk drives directly to Microsoft for loading in the data center. To load data to Azure, use the AzCopy CLI; you must<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Connect AzCopy to Azure<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Generate a SAS token for the Storage Account<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Execute AzCopy to upload the data.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Once you upload assets to the Azure Blob Container, use the blob path to copy the Blob Container URL and access it.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">Step 4: Configuring CDN Profile<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Now that the data is in an Azure Blob Container, we need to use an Azure CDN to ensure the assets are regionally dispersed and cached. Hence, creating an Azure CDN profile is the next step. When creating one, focus more on parameters like:<\/span><b><b><\/b><\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CDN Profile \/ Pricing tie<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CDN Profile \/ CDN Endpoint Name<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CDN Profile \/ Origin hostname<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">CDN Profile \/ Endpoint Caching Rules \/Query String Caching behavior<\/span><\/li>\n<\/ul>\n<h4><span style=\"font-weight: 400;\">Step 5: Making changes to the application<\/span><b><b><\/b><\/b><\/h4>\n<p><span style=\"font-weight: 400;\">Your work doesn\u2019t end with just optimizing the endpoints. You must ensure that the changes you uploaded in the Blob Containers are saved and processed without hassles. Moreover, when you add assets to web pages, they should always point to CDN Azure URLs and SAS tokens and be tied to query strings.\u00a0<\/span><b><b><\/b><\/b><\/p>\n<p><span style=\"font-weight: 400;\">However, the technique will vary with your tech stack, viz., CMS, frameworks, customized apps, etc. Here\u2019s what you can do:\u00a0<\/span><b><b><\/b><\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Catch an asset uploaded event and then upload assets to the Blob Container. This helps continue to possess a version on-site.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Mention the CDN URL and consolidate the Asset URL creation logic. You can use the CDN cache by reusing SAS tokens wherever possible. Never, however, use the same SAS token for several users.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Third and most importantly, Blob Containers do not accommodate case-sensitive characters and some locations and filenames. If the link cannot support the pathways of your assets, a uniformization procedure will be required.<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Summary<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hope this blog helps you understand the Azure CDN in detail and how it can help you optimize content delivery and level up your website performance. If you wish to learn more about Azure CDN and how to develop skills to leverage this technique with a breeze or better understand the utility of CDN Azure, we recommend you to have a look at our training programs and resources.\u00a0<\/span><b><b><\/b><\/b><\/p>\n<p><span style=\"font-weight: 400;\">Whizlabs offers myriad <\/span><a href=\"https:\/\/www.whizlabs.com\/microsoft-azure-certification-training-courses\/\"><span style=\"font-weight: 400;\">Azure <\/span><\/a><span style=\"font-weight: 400;\">courses and certifications to help you become a pro at using Azure resources and make the best of Azure CDN to improve business outcomes while winning over customers. You will find practice papers, video lectures, <\/span><a href=\"https:\/\/www.whizlabs.com\/labs\/library\"><span style=\"font-weight: 400;\">hands-on labs,<\/span><\/a><span style=\"font-weight: 400;\"> and an <\/span><a href=\"https:\/\/www.whizlabs.com\/labs\/azure-sandbox\"><span style=\"font-weight: 400;\">Azure sandbox<\/span><\/a><span style=\"font-weight: 400;\"> designed explicitly by subject-matter experts. Reach out to us to discover more!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Websites have gone topsy-turvy since their inception. However, in 2024, if your website is not optimized, takes forever to load, doesn\u2019t deliver the content as requested on time, and shows error or time out, you are in deep trouble. Google will kick you out of the SERP game. Gone are the times when users had the patience to sit back and wait for the websites to load.\u00a0 Interestingly, using Azure CDN, you resolve all the performance and optimization issues with a breeze while ensuring a seamless user experience. Azure CDN offers myriad features that will help you deliver content to [&hellip;]<\/p>\n","protected":false},"author":382,"featured_media":87029,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[15],"tags":[4515],"class_list":["post-87010","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-azure","tag-azure-cdn"],"uagb_featured_image_src":{"full":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",1640,924,false],"thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-150x150.webp",150,150,true],"medium":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-300x169.webp",300,169,true],"medium_large":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-768x433.webp",768,433,true],"large":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-1024x577.webp",1024,577,true],"1536x1536":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-1536x865.webp",1536,865,true],"2048x2048":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",1640,924,false],"profile_24":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",24,14,false],"profile_48":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",48,27,false],"profile_96":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",96,54,false],"profile_150":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",150,85,false],"profile_300":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI.webp",300,169,false],"tptn_thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-250x250.webp",250,250,true],"web-stories-poster-portrait":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-640x853.webp",640,853,true],"web-stories-publisher-logo":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/02\/How-to-improve-website-performance-and-responsiveness-using-Azure-CDN-FI-150x85.webp",150,85,true]},"uagb_author_info":{"display_name":"Vidhya Boopathi","author_link":"https:\/\/www.whizlabs.com\/blog\/author\/vidhya\/"},"uagb_comment_info":0,"uagb_excerpt":"Websites have gone topsy-turvy since their inception. However, in 2024, if your website is not optimized, takes forever to load, doesn\u2019t deliver the content as requested on time, and shows error or time out, you are in deep trouble. Google will kick you out of the SERP game. Gone are the times when users had&hellip;","_links":{"self":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/87010","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/users\/382"}],"replies":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/comments?post=87010"}],"version-history":[{"count":22,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/87010\/revisions"}],"predecessor-version":[{"id":92563,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/87010\/revisions\/92563"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/media\/87029"}],"wp:attachment":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/media?parent=87010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/categories?post=87010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/tags?post=87010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}