Cloudinary Blog

Media-Optimization Strategies to Enhance Digital Experience

Optimize Visual Media for a Fast and Captivating Digital Experience

Did you know that humans process imagery 60,000 times faster than text? In fact, 90% of the information our brains process is visual, which makes it seem a no-brainer—pun intended—that brands are connecting with consumers through visual content online. However, adding media assets like images and videos to websites comes with a tradeoff: the more media, the heavier the site, which results in a noticeable slowdown in page loads and a reduction in content quality.

On June 16, I hosted a webinar entitled Media Optimization Strategies to Enhance Digital Experience with Henry Stewart Events. During that session, I explained why e-businesses must understand the critical role that the quality of digital experience plays in boosting web performance, engaging with consumers, and, ultimately, raising brand recognition. Below is a recap.

Be Sure to Complete the Media Lifecycle

The media lifecycle involves many steps, from creation to final delivery. As shown in the chart below, a separation often exists between the typical digital asset management (DAM) pieces (source, manage, share, and generate) and the last mile of the user experience (optimize, deliver, and measure). Your goal is to connect those two entities with a media-experience platform like Cloudinary.

DAM_lifecycle

Web Performance Directly Affects the Bottom Line

Unoptimized images are often the main cause of page bloat. According to HTTP Archive, a look at the 90th percentile of the distribution of page weight showed that images accounted for almost 75% of the total. That doesn’t even account for online videos, a medium that will make up more than 82% of all internet traffic by 2022.

Why is page weight important? Well, Google determined that 40% of visitors would abandon a site if a page takes more than three seconds to load. That’s a huge loss in conversions and sales due to poor web performance.

Search engine optimization (SEO) also plays an important role here. Recently going into effect are three Google metrics called Core Web Vitals—Large Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS)—which will continue to evolve with time. Optimizing webpages to align with those recommended metrics ensures that your website not only ranks well in search results, but also delivers a positive user experience that will keep visitors engaged.

Automation of Web Performance Is Key

Creating engaging web experiences today involves strategizing for the best of both worlds: you want to have all the visual and compelling content that consumers love to see, but you also need for websites to perform at the most efficient levels possible. Prioritizing one over the other doesn’t work in today’s competitive landscape.

To achieve both of those results with ease and efficiency, see the media-optimization checklist below, which lists the actions you must take to enhance web performance throughout the entire media-asset lifecycle: from creation to the final touchpoint of the user experience.

Media-optimization

As well, quality-led optimization is important. You must answer these four questions for each of your images:

  • Can you set compression or quality at a specific numerical value?
  • What are the considerations for the image content, e.g. range of colors, gradients, etc.?
  • In what size do you intend to use the image, e.g. thumbnail versus primary product image?
  • How much traffic is the image likely to get?

Manually performing those steps in the checklist is costly and time consuming. Multiply that by all the devices, screen sizes, browsers, and connection speeds to optimize for and it becomes extremely overwhelming, especially given that there are approximately 24,000 different Android devices alone. It’s impossible to optimize thousands of assets manually and in a timely manner, let alone that the metaphorical goal post is always moving.

Automation enables you to scale faster, pivot more readily, and innovate. With AI, teams can create and maintain compelling visual content that engages and converts customers, time and time again.

Grow Your Business With Visual Online Experiences

As challenging as it is to deliver high-quality visual experiences, you can do so with the right platform and technology. Cloudinary’s Media Optimizer can help you achieve quality-led optimization by automatically delivering images and videos in the format and quality that suit all the end-user devices, browsers, and connection speeds. In other words, with Cloudinary, you can easily and efficiently complete the entire media lifecycle.

For more in-depth insights on how to grow your business by delivering a captivating user experience through fast web performance, view the full webinar. To learn more about how Cloudinary can help you achieve your visual-media goals, please contact us.

Recent Blog Posts

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
Identifying Countries by IP Address in Columnar Databases Through SQL

Cloudinary reaps a myriad of open web traffic, from ad networks to e-commerce sites. Our Data Science team is dedicated to analyzing the data for use internally and externally.

A glance at any General Data Protection Regulation (GDPR) article would reveal that—unlike Android device IDs (AID), through which users can reset their web address—keeping user identifiers, such as Internal Protocol (IP) and Media Access Control (MAC) addresses, as well as International Mobile Equipment Identity (IMEI), violates privacy. As a solution, you can discard all privacy identifications or make them visible to users for reset.

Read more
Digital-First Asset Management Explained

As the world changes, so does technology. I don’t need to name more than a handful of antiquated technologies before you nod in agreement: floppy disks, Walkmans, phone booths, VHS tapes, each of which have been phased out or rendered useless by new solutions that meet the same need but much more effectively.

Read more