In this tutorial, I’ll show you how to speed up your WordPress website using a free Cloudinary Image CDN.
Migrate all of your existing WordPress images Cloudinary in minutes using the Auto Cloudinary Plugin.
Table of Contents
Image CDN makes the process of serving images as seamless as possible. It increases the speed of your website by offloading images and caching static content. Image CDN’s also interpret the screen size and resolution of the device, the DPI, as well as supported image formats. In addition, an image CDN is able to dynamically render a master image to correspond with the specifications of the device.
- First, create a free account with Cloudinary.
- Create a cloud name used to configure Auto Cloudinary Plugin.
Your Cloudinary account details include:
- API Key.
- API Secret.
- Environment Variable.
Create a new Folder within the Media LibraryThe new folder will be used to automatically serve your new and existing images from a Cloudinary Image CDN. If you have a large site with many images stored within your WordPress Media Library, using a CDN will increase the performance of your website immediately.
Configure Your Cloudinary SettingsNow, select the settings icon located on the top right of the page within your dashboard menu.
Select Upload SettingsAfter selecting the uploads tab, scroll down to Auto Upload Mapping settings.
Input the Name of the Folder You CreatedSince I created a new folder titled omaha-code-cdn, this will be used as the name of the auto upload mapping folder.
URL PrefixNow, Input the URL prefix of your WordPress uploads folder. The URL Prefix will appear as the your domain name and wp-content/uploads/. As you can see, my URL Prefix appears as https://omahacode.com/wp-content/uploads/. Note: Replace with your own domain. “https://yourdomain.com/wp-content/wp-uploads/”
Download The Auto Cloudinary PluginNavigate back to your WordPress dashboard and select the Plugins tab. Click Add New Plugin, then type “Auto Cloudinary” into the search bar. You may have noticed that Cloudinary also created an official plugin. I prefer the Auto Cloudinary plugin because it’s much easier to setup.
Auto Cloudinary Plugin BenefitsThe official Cloudinary Plugin is somewhat of an overkill, and takes over the user interface of your image admin within WordPress. Auto Cloudinary Plugin has also been tested with the latest WordPress Update, and the official Cloudinary Plugin is untested with the latest WordPress Update.
- Super simple and light-weight.
- Totally seamless and out of the way.
- A flexible tool for WordPress developers.