How to Create a Free Content Delivery Network with Cloudinary

What is a Content Delivery Network?

A content delivery network, or content distribution network is a geographically distributed network of proxy servers and their data centers. The goal is to distribute service spatially relative to end-users to provide high availability and high performance.

How to setup your own free Cloudinary CDN

Test my newly created link below. Speed Kills.

https://res.cloudinary.com/ux-ui-technologies/raw/upload/v1543467854/omahacode.min.css

To setup your Content delivery network, you must first create a free account with Cloudinary

  1. Go to Cloudinary.com.
  2. Sign up for your free account.
  3. Locate your dashboard.
  4. Open your preferred text editor (Atom, Visual Studio Code, Sublime text).
  5. Create a new .css file in your desired text editor (I recommend minifying your CSS).
  6. Navigate to the Media Library tab within Cloudinary.
  7. Upload your new .css file.
  8. Copy the URL of your new .css file (i.e., https://res.cloudinary.com/ux-ui-technologies/raw/upload/v1543467854/omahacode.min.css.)
  9. Insert your new CDN url in the top ‘head’ area of your website.

Locate your Cloudinary Dashboard

After you’ve created an account, you’ll be able to view your Cloudinary dashboard.

Cloudinary Dashboard
Cloudinary Dashboard Environment

Upload your files into Cloudinary

Now that you’ve create a new CSS or JS file with your favorite code editor, upload the new file into Cloudinary.

Cloudinary Upload

Copy the URL of Your Newly Uploaded File

Now, Select the link icon and copy this to add as a stylesheet.

Insert the url within the Section as a Stylesheet

Now, insert the link as a stylesheet in the <head/> of your website as a stylesheet.

Omaha Code Loads in under 2.5 seconds

View how fast OmahaCode.com loads.

Next Post