Integrating your Static CDN Resource

To begin seamlessly integrating Medianova CDN with your website, you should first create your CDN Resource tailored to your content type that you intend to distribute through CDN. For small-sized contents such as images, js, and CSS, create a Small CDN Resource, while for video contents, create a Large CDN Resource. Please refer to the Account Setup Guide for instructions if you haven’t created your CDN Resource yet.

1. Identify Static Assets:

Identify the static assets on your website that can benefit from CDN acceleration. These may include images, stylesheets, scripts, and other static files.

2. Update URLs in HTML Code:

Replace the URLs of static assets in your HTML code with the corresponding CDN URLs. Update the "src" or "href" attributes of image tags, script tags, link tags, etc., to point to the CDN.

HTML

• Before CDN Integration →

<img src="https://yourdomain.com/images/example.jpg"alt="Example Image">

• After CDN Integration →

<imgsrc="https://CDN_URL/images/example.jpg" alt="Example Image">

3. Update CSS File References:

If your stylesheets are hosted locally, update the references to these files in your HTML to point to the CDN. Similarly, replace any background images or other assets within your CSS files.

CSS

• Before CDN Integration →

background-image: url('/images/background.jpg');

• After CDN Integration →

background-image: url('https://CDN_URL/images/background.jpg');

4. Update JavaScript File References:

If your website includes JavaScript files, update references to these files to use the CDN URLs. This ensures that scripts are served through the CDN for improved performance.

HTML

• Before CDN Integration →

<script src="/scripts/example.js"></script>

• After CDN Integration →

<script src="https://CDN_URL/scripts/example.js"></script>

5. Consider Relative Paths:

If your URLs are currently specified with relative paths, ensure that they remain functional after CDN integration. Adjust paths as needed to maintain proper file references.

6. Verify Links and Resources:

Review your website thoroughly to confirm that all links and resources are properly updated to use the CDN. Check for any broken links or missing assets.

7. Update Content Management Systems (CMS):

If your website uses a CMS (Content Management System) such as WordPress, update any relevant settings or plugins to ensure that URLs are correctly replaced for CDN delivery.

8. Define IPs in your Firewalls:

In order to access your content, you also need to define our IPs in your firewalls. Click to access the IP list of Medianova.

9. Test Across Environments:

Test your website across different environments, including staging and production, to ensure that CDN integration works seamlessly and doesn't introduce any issues.

10. Monitor and Optimize:

After integration, monitor the CDN's performance using analytics tools provided by your CDN provider. Optimize as needed for improved content delivery and user experience.

11. Update SEO Considerations:

Consider the impact of CDN integration on SEO. Ensure that search engines are aware of the change and update sitemaps and robots.txt accordingly.