Browser Cache Rule

The Browser Cache Rule feature in the Medianova Cloud Panel allows you to configure caching behavior for different types of resources. By setting up specific rules for browser caching, you can optimize content delivery, reduce load times, and ensure the most efficient use of cache for various resource types.

Key Features

• Flexible Cache Type Options You can create caching rules based on different criteria, ensuring the correct content is cached efficiently:

  • All Files: This rule applies to all files, regardless of their type or location.

  • Full Path: Apply the caching rule to files based on their exact full URL path.

  • Directory: Apply the caching rule to all files within a specific directory.

  • File Extension: Apply the caching rule based on the type of file (e.g., images, JavaScript, CSS) by specifying file extensions like .jpg, .js, .css, etc.

• Cache Priority Set the priority for each cache rule to determine which resources are cached first. Prioritize critical resources (e.g., images, JavaScript) over less important ones.

• Cache Mode Options Define how each resource should be cached by the browser:

  • Origin: The resource is fetched and cached from the origin server.

  • No Cache: The resource will not be cached at all, and will always be fetched from the origin server.

  • Cache: The resource is cached in the browser for the specified duration, improving performance for subsequent requests.

• Apply the HTML/JSON Files You can apply the cache rule specifically to HTML and JSON files by enabling or disabling this setting:

  • On: The caching rule will be applied to HTML and JSON files.

  • Off: The caching rule will not apply to HTML and JSON files.

How to Configure Browser Cache Rule

1. Click on the CDN Resources section in the left-hand menu of the Cloud panel.

2. Select the relevant resource.

3. Click on the Caching tab.

4. Navigate to the Browser Cache Rule section in the Medianova Cloud Panel.

1. Click on the Add button to create a new cache rule.

   • Configure Cache Rule Settings:

     • Type: Choose the type of cache rule you want to apply:

       • All Files: Applies to all files.

       • Full Path: Applies to files based on their exact URL path.

       • Directory: Applies to all files within a directory.

       • File Extension: Applies based on file extensions like .js, .css, .jpg, etc.

     • Priority: Set the priority (e.g., High, Medium, Low) for this cache rule to manage which files are cached first.

     • Cache Mode: Select the cache mode:

       • Origin: The resource is cached from the origin server.

       • No Cache: The resource is not cached.

       • Cache: The resource is cached in the browser for a set duration.

     • Apply the HTML/JSON Files:

       • On: Enable this option to apply the rule to HTML and JSON files.

       • Off: Disable this option to exclude HTML and JSON files from this cache rule.

2. Once you've configured the browser cache rule, click Submit to apply the changes.

By configuring the Browser Cache Rule, you can control how different file types are cached, ensuring that critical resources are loaded faster and less important resources are handled according to your specifications. The option to apply or not apply to HTML/JSON files provides further flexibility in caching strategies.