Cloudinary Blog

Introducing Cloudinary Media Optimizer: Automation of Quality and High-Performance Delivery

Media Optimizer Auto-Quality Optimization and Delivery

To engage with modern users, today’s websites must be extremely visual. Even though high-quality images and videos can help keep visitors on the site and convert them, 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?

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

Meet Cloudinary Media Optimizer

With its recent launch of Media Optimizer, Cloudinary eliminates the compression-versus-quality tussle right off the bat by delivering both small file sizes and high visual fidelity. Plus, businesses no longer need to manually create format, quality, 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 enhanced user experience.

Here are a few highlights of Media Optimizer:

  • You get started immediately after connecting 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.
  • Media Optimizer’s 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 has numerous images and videos, Media Optimizer’s automatic capability of optimizing format and quality significantly reduces file sizes while maintaining visual fidelity. As a result, 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-CDN delivery, caching of optimized assets, and advanced file formats like AVIF, we can help companies reduce their LCP to below 2.5 seconds.

The result: higher search rankings, reduced reliance on paid traffic, and increase 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 content delivery network (CDN) vendors to ensure a fast and reliable experience for visitors anywhere in the world. 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, and video optimization becomes critical. Not only does Media Optimizer automatically optimize both 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

Create Lightweight Sites With Low-Code and No-Code Technology

Consumers expect modern websites to be mainly visual. But, the more compelling and complex the related media is, the more data is involved, compounding the site’s weight. In today’s content-craving world, delivering unoptimized media can cost you because it leads to sluggish page loads, resulting in visitors abandoning your site in search of a faster alternative. In fact, a page load that takes more than three seconds can cause as many as 40% of your visitors to bounce. Given this competitive, digital-first environment, you can’t afford to lose page views, for time is of the essence.

Read more
A Blueprint for AWS-Secured Webhook Listeners for Cloudinary

tl;dr: An AWS-secured and optimized Cloudinary webhook listener for extending the Cloudinary service

Code: Github

A webhook is a communication medium for sending notifications from one platform to another about events that occurred. In place are user-defined HTTP callbacks that are triggered by specific events. When a triggered event takes place on the source site, the webhook listens to the event, collects the data, and sends it to the URL you specified in the form of an HTTP request.

Read more
New Accessibility Features for Cloudinary’s Product Gallery Widget

Cloudinary’s Product Gallery widget, which launched in 2019, has enabled many brands to effectively and efficiently showcase their products in a sleek and captivating manner, saving countless hours of development time and accelerating release cycles. By adding Cloudinary’s Product Gallery widget with its customizable UI to their product page, retailers reap numerous benefits, often turning visitors into customers in short order.

Read more
Why Successful Businesses Engage With and Convert Audiences With Visual Media

Most business buyers prefer to research purchase options online, as do many shoppers. No wonder online retail sales in the U.S. rose by 32.4% in 2020—an impressive gain of $105 billion.

For B2B and B2C businesses, text-heavy websites are no longer adequate in attracting shoppers. Instead, engaging visual media—spin images, videos, 3D models, augmented reality—are becoming a must for conveying eye-catching details and differentiators about products or services.

Read more
Making User-Generated Content (UGC) Shoppable With Cloudinary

User-generated content (UGC) is a powerful marketing tool. Not only does video complement marketing efforts for e-commerce by enabling customers to explore products in greater detail, but UGC also adds an element of trust. As a bonus, user-generated video is an exceptional opportunity for e-businesses to attract website traffic without their marketing team having to create promotional videos from scratch. User-generated content drives conversions and brand loyalty as a direct result of authentic interaction.

Read more