Cloudinary Blog

Cloudinary Media Optimizer: No-Code Optimization and Delivery of Visual Media

Cloudinary’s Media Optimizer Yields Auto-Quality Optimization and Delivery

To effectively engage with today’s digital audience, websites must be extremely visual. Even though high-quality images and videos play a key role in attracting and retaining visitors, those media assets also add to the page weight, load time, and bandwidth. Unoptimized content can result in performance issues, causing visitors to bounce off.

“Unoptimized images are often the greatest contributor to page bloat. Looking at the 90th percentile of the distribution of page weight, images account for a whopping 5.2 MB of a roughly 7-MB page. In other words, images comprise almost 75% of the total page weight.” — Web Almanac 2019 by HTTP Archive

In fact, if the page-load time increases from just one second to three, the probability that a user would bounce rises by 32%. And no wonder—because internet users, now armed with state-of-the-art devices that run on 5G networks, expect a fast and robust web or app experience. Not one or the other, but both: speed and quality.

As if sky-high user expectations weren’t enough of a tough challenge, Google announced late last year that it would start using its Core Web Vitals in June 2021 to set search rankings. For online businesses, that means that a slow or poor web experience can directly impact organic traffic, revenue, and profitability. Hence the urgent question: How should businesses optimize media and load pages fast?

Well, there’s a way you can have it all: high-performance visuals, superb user experience, and heartening SEO results.


Fully Automated, No-Code Optimization


Meet Cloudinary Media Optimizer

With its recent launch of Media Optimizer for both self-service and enterprise users, Cloudinary eliminates the compression-versus-quality tussle right off the bat by delivering small files coupled with high visual fidelity. Plus, businesses no longer need to manually create format, quality, or size variants; or write URL parameters. You can simply offload all the standard transformation tasks for images and videos to Media Optimizer, freeing up your teams to focus on advanced media editing, personalizations, and compelling user experience.

To get started on Media Optimizer, just perform two simple steps:

  1. Sign up for a free or paid Media Optimizer account.
  2. Connect Media Optimizer to your media sources.

Once set up, Media Optimizer functions completely automatically and autonomously to deliver fully optimized assets on demand with zero manual intervention. Its dashboard and reports tell you how your assets are being optimized, what file-size savings you are garnering, and where you can optimize assets further.

To learn how Media Optimizer does all that magic all on its own, check out Caroline Levison’s blog post. The sections below describe what happens when you start using Media Optimizer.

Media Optimizer dashboard

Improve Your Website and App Performance

Studies indicate that as many as 40% of visitors would abandon a page if it takes longer than three seconds to load. If your site hosts numerous images and videos, Media Optimizer’s automatic capability of optimizing format and quality significantly reduces file sizes while maintaining visual fidelity. Subsequently, your pages load faster and you deliver an engaging end-user experience.

The result: less bounces, more page visits, more products added to the cart, and rising sales.

Score Well on Largest Contentful Paint (LCP)

According to the HTTP Archive, more than 47% of desktop websites must improve their LCP. In all likelihood, the largest content in your visitor’s viewport is an image. Cloudinary’s media science is the foundation of the world’s leading solution for intelligent optimization of images. With advanced optimization techniques, multi-content delivery network (CDN) delivery, caching of optimized assets, and advanced file formats like AVIF, Cloudinary helps companies reduce their LCP to below 2.5 seconds.

The result: higher search rankings, reduced reliance on paid traffic, and growth in profits.

LCP

Deliver Reliably at Scale

A study by Backlinko found that the average site took 10.3 seconds to load. Cloudinary leverages the world’s top three CDN vendors to ensure a fast and reliable experience for visitors worldwide. In case of network issues, Cloudinary automatically switches over and selects the fastest route for your assets. Additionally, you can store originals and optimized assets in the cache at the edge, further expediting serving of high-demand images like hero images.

The result: high reliability and speeds, improved user experience, and high NPS scores.

Optimize Image and Videos on One Platform

Video consumption is rapidly increasing and is expected to be 15 times higher in 2022 than in 2017. As a result, online businesses must ramp up their videos without slowing down page loads, for which video optimization is absolutely paramount. Not only does Media Optimizer automatically optimize images and videos on the fly, including footage of thumbnail previews, it also supports the best and most modern video formats and codecs.

The result: faster page loads, higher video engagement, and more visitor conversions.

For more details on Media Optimizer, see the following:

Recent Blog Posts

How to Apply Riveting Image Effects in Nuxt Applications With Cloudinary

Nowadays, no way can we build modern apps for the web without considering visuals, which are one of the most efficient ways of communicating online. However, improvements in image quality over the years have exacted a price in larger files, slowing down page loads, especially in low-bandwidth regions or on mobile devices. To resolve that conundrum, turn to Cloudinary, a platform that offers the infrastructure for managing images in web apps. Additionally, Cloudinary’s reliable APIs serve visuals through multiple, fast content delivery networks (CDNs).

Read more
The Pros and Cons of AVIF for Websites

AVIF is a 2019 spinoff from the AV1 video format developed by the Alliance for Open Media (AOM), whose members include Amazon, Apple, ARM, Facebook, Google, Huawei, Mozilla, Microsoft, Netflix, and Intel. As an open-source and royalty-free video codec, AVIF delivers much higher compression rates than the older image codecs like JPEG and WebP, and is on par with the brand-new JPEG-XL format, which does not work on any browser yet.

Read more
Get Your Media Moving Faster with Cloudinary’s Media Optimizer

So, your boss comes to you in a panic: he's just heard about Google's Core Web Vitals initiative and needs you to optimize the company website right now! "No problem," you say, hiding your fear that it's not something that can be done overnight. Just taking the first metric, Largest Contentful Paint (LCP), how can you possibly identify all the large elements - most likely images or video posters - of the many hundreds of pages that make up your site? There are already thousands of high-resolution (read massive) media files stored away, which marketing could use any time. How are you going to make sure they're all compressed to a size small enough to be delivered within the threshold? Not to mention all the new images and videos that will be created over time...

Read more
How to Tap Into the Value of User-Generated Content (UGC)

User-generated content (UGC) took off with, first of all, the advent of the internet and, subsequently, social networks. Everyday consumers were given keys to the kingdom, so to speak, so that they, too, could compose and post content, simultaneously engaging with others online. Twitter, Facebook, Instagram, Snapchat, TikTok—the networks through which we can create and publish content have grown exponentially, and brands are becoming aware of the benefits of tapping into the gold mines offered by those networks.

Read more