Automatically optimize your wordpress website images

Your website’s speed and overall performance are critical to how visitors experience your website, the likelihood that they will remain & convert on your website, and plays a major role in your website’s SEO (Search Engine Optimization). Although videos and images are an important addition to your website, if they are not optimized before delivery, they can wreak havoc on your website’s speed and performance.

In this blog post, we’ll discuss how to setup Cloudinary and configure it for automatic performance optimization while maintaining an easy development workflow. Cloudinary is a cloud-based image and video management platform that provides a range of features to enhance your website’s media management capabilities. It has the ability to automatically deliver a fully optimized image or video upon request, significantly reducing file size. Follow the steps below to get started.

The end goal is to basically end up with file urls that look something like this:

https://res.cloudinary.com/firescript/image/upload/w_auto,f_auto/pagebreak/autosync/app/uploads/2023/03/your-image.png

Step 1: Create a Cloudinary Account To get started, you’ll need to create a Cloudinary account.

You can do this by visiting the Cloudinary website and signing up for a free account with their generous free tier plan. Once you’ve created an account, you’ll be able to access your Cloudinary dashboard and start uploading media files.

Step 2: Configure Auto Uploading

Once you have a Cloudinary account, the next step is to configure your auto uploading mapping. You can see cloudinary instructions here: https://cloudinary.com/documentation/fetch_remote_images#auto_upload_remote_files, however we’ll go through on this post as well for clarity purposes.