CDN caching rules in Azure - Mini Project: Build & Apply

Azure CDN Caching Rules Setup

📖 Scenario: You are managing a website hosted on Azure. To improve performance, you want to set up caching rules on Azure CDN to control how content is cached and served to users.

🎯 Goal: Build an Azure CDN caching rules configuration that sets caching behavior for specific file types and paths.

📋 What You'll Learn

Create a dictionary called cdn_endpoints with one endpoint named mycdnendpoint and its origin URL

Add a variable called cache_duration_seconds set to 3600

Create a list called caching_rules with a rule that caches .jpg and .png files for the duration in cache_duration_seconds

Add a final configuration dictionary called cdn_config that includes the endpoint and caching rules

💡 Why This Matters

🌍 Real World

Setting caching rules on Azure CDN helps speed up website loading by storing static content closer to users, reducing server load and bandwidth.

💼 Career

Cloud engineers and DevOps professionals often configure CDN caching to optimize application performance and cost.

1

Create the CDN endpoint dictionary

Create a dictionary called cdn_endpoints with one key 'mycdnendpoint' and its value set to 'https://myorigin.azurewebsites.net'.

Azure

# Create the cdn_endpoints dictionary
# Your code here

Hint

Use curly braces to create a dictionary with the exact key and value.

2

Add cache duration variable

Add a variable called cache_duration_seconds and set it to 3600.

Azure

cdn_endpoints = {'mycdnendpoint': 'https://myorigin.azurewebsites.net'}
# Define cache_duration_seconds variable
# Your code here

Hint

Set the variable to the number of seconds for caching.

3

Create caching rules list

Create a list called caching_rules with one dictionary inside. The dictionary must have keys 'name' with value 'imageCaching', 'file_extensions' with value ['.jpg', '.png'], and 'cache_duration' set to the variable cache_duration_seconds.

Azure

cdn_endpoints = {'mycdnendpoint': 'https://myorigin.azurewebsites.net'}
cache_duration_seconds = 3600
# Create caching_rules list with one caching rule dictionary
# Your code here

Hint

Use a list with one dictionary containing the specified keys and values.

4

Combine into final CDN configuration

Create a dictionary called cdn_config with keys 'endpoint' set to cdn_endpoints['mycdnendpoint'] and 'caching_rules' set to the caching_rules list.

Azure

cdn_endpoints = {'mycdnendpoint': 'https://myorigin.azurewebsites.net'}
cache_duration_seconds = 3600
caching_rules = [{'name': 'imageCaching', 'file_extensions': ['.jpg', '.png'], 'cache_duration': cache_duration_seconds}]
# Create cdn_config dictionary combining endpoint and caching_rules
# Your code here

Hint

Use a dictionary with the specified keys and values referencing previous variables.

Practice

1. What is the primary purpose of CDN caching rules in Azure CDN?

easy

A. To monitor server CPU usage

B. To encrypt data between client and server

C. To control how content is stored and served from CDN servers

D. To manage user authentication

Solution

1. Step 1: Understand CDN caching rules

   CDN caching rules define how content is cached and delivered by CDN servers.

2. Step 2: Identify the main goal

   The main goal is to improve speed and reduce load by controlling content storage and delivery.

3. Final Answer:

   To control how content is stored and served from CDN servers -> Option C

4. Quick Check:

   CDN caching rules = control content caching [OK]

Hint: Caching rules control content storage and delivery [OK]

Common Mistakes:

• Confusing caching with encryption
• Thinking caching manages authentication
• Assuming caching monitors server CPU

2. Which Azure CDN caching rule syntax correctly sets a cache duration of 3600 seconds for all images?

easy

A. cache-duration: 3600; match: *.jpg, *.png

B. cache-control: max-age=3600; match: *.jpg, *.png

C. cache-control: max-age=3600; match: images/*

D. cache-duration: max-age=3600; match: images/*

Solution

1. Step 1: Identify correct cache-control syntax

   Azure CDN uses 'cache-control: max-age=seconds' to set cache duration.

2. Step 2: Match correct file patterns

   Images are matched by extensions like '*.jpg, *.png' not 'images/*'.

3. Final Answer:

   cache-control: max-age=3600; match: *.jpg, *.png -> Option B

4. Quick Check:

   cache-control max-age + correct pattern = cache-control: max-age=3600; match: *.jpg, *.png [OK]

Hint: Use 'cache-control: max-age' with file extensions for images [OK]

Common Mistakes:

• Using 'cache-duration' instead of 'cache-control'
• Using folder pattern 'images/*' instead of file extensions
• Mixing syntax keywords incorrectly

3. Given this Azure CDN caching rule:
cache-control: max-age=0; match: /api/*
What will happen when a user requests /api/data?

medium

A. Content will be blocked by CDN

B. Content will be cached indefinitely

C. Content will be cached for 3600 seconds

D. Content will be cached for 0 seconds, forcing CDN to fetch fresh data every time

Solution

1. Step 1: Interpret max-age=0 meaning

   max-age=0 means no caching; content is always fresh.

2. Step 2: Apply rule to /api/* path

   Requests to /api/data match /api/*, so caching is disabled.

3. Final Answer:

   Content will be cached for 0 seconds, forcing CDN to fetch fresh data every time -> Option D

4. Quick Check:

   max-age=0 disables caching = Content will be cached for 0 seconds, forcing CDN to fetch fresh data every time [OK]

Hint: max-age=0 means no caching, always fresh content [OK]

Common Mistakes:

• Assuming max-age=0 caches content indefinitely
• Confusing path matching syntax
• Thinking content is blocked

4. You wrote this Azure CDN caching rule:
cache-control max-age=600; match: *.css
But it does not work as expected. What is the error?

medium

A. Missing colon after 'cache-control'

B. Incorrect file extension pattern

C. max-age value too low

D. Match pattern should be a full URL

Solution

1. Step 1: Check syntax for cache-control

   The correct syntax requires a colon after 'cache-control', like 'cache-control: max-age=600'.

2. Step 2: Validate other parts

   File extension '*.css' is correct; max-age=600 is valid; match pattern does not require full URL.

3. Final Answer:

   Missing colon after 'cache-control' -> Option A

4. Quick Check:

   Syntax error: missing colon = Missing colon after 'cache-control' [OK]

Hint: Remember colon after 'cache-control:' in rules [OK]

Common Mistakes:

• Omitting colon after 'cache-control'
• Using wrong file patterns
• Thinking max-age value causes failure

5. You want to optimize caching for a website with static images and dynamic API data. Which Azure CDN caching rules setup is best?

hard

A. Set cache-control: max-age=86400 for images (*.jpg, *.png) and cache-control: max-age=0 for API (/api/*)

B. Set cache-control: max-age=0 for all content

C. Set cache-control: max-age=3600 for all content

D. Set cache-control: max-age=86400 for API and cache-control: max-age=0 for images

Solution

1. Step 1: Understand content types and caching needs

   Static images benefit from long caching (86400 seconds = 1 day). Dynamic API data needs fresh content, so max-age=0.

2. Step 2: Match rules to content paths

   Apply long cache to image extensions (*.jpg, *.png) and no cache to API paths (/api/*).

3. Final Answer:

   Set cache-control: max-age=86400 for images (*.jpg, *.png) and cache-control: max-age=0 for API (/api/*) -> Option A

4. Quick Check:

   Static long cache + dynamic no cache = Set cache-control: max-age=86400 for images (*.jpg, *.png) and cache-control: max-age=0 for API (/api/*) [OK]

Hint: Long cache for static, no cache for dynamic content [OK]

Common Mistakes:

• Caching dynamic API data too long
• Not differentiating static and dynamic content
• Reversing cache durations for content types