How Image Lazy Loading Improves Core Web Vitals

Blog header image

This is the last installment of a three-part series on Core Web Vitals and image optimization. The last two parts are:

This blog series examines important ways to improve Core Web Vitals (CWV) — and SEO — by optimizing image assets. In the last article, we discussed how to improve Largest Contentful Paint with proper image compression, resizing, and next-gen image conversion. In addition to those three techniques, you will likely see Defer Offscreen Images, also called lazy loading, as one of the improvement opportunities in your PageSpeed Insights analysis. In this article, we’ll focus on this technique and talk about what it is, why it’s important, and how to implement it.

Read the rest

How to Properly Resize and Compress Images for Better Core Web Vitals

Blog header image

In our last blog, we showed how to use Core Web Vitals (CWV) to evaluate your website’s performance. One of the most important CWV data points is Largest Contentful Paint (LCP). Because images are often the largest component on a web page, they heavily influence the LCP metric. The PageSpeed Insights tool lists which images on a site are slowing things down.

Read the rest

What Are Core Web Vitals, Why Are They Important, and How Images Play a Part

Blog header image

Website speed matters. Nearly 70% of consumers admit that page speed impacts their willingness to buy from an online store. But did you know that Google increasingly weighs the quality of the user experience and page performance in its search algorithm? Google recently updated its Core Web Vitals (CWV) report and provided guidance on the most important metrics about page performance. In this blog, we’ll talk about what CWV are, what they measure, and how images impact CWV.

Read the rest

Introducing the imgix Adobe Commerce Integration

Blog header image

Whether you are an e-commerce product manager or developer, the quality of the product images is critical to maximizing sales. Proper image optimization creates a compelling, responsive, and fast-loading experience on any device and browser. Effective image management can save you time and avoid errors as your images multiply.

This kind of end-to-end image workflow has always been easy for imgix customers. Now we’re making it available for Adobe Commerce users. The imgix integration helps users organize, visualize, and optimize product images with ease and accuracy.

Read the rest

imgix Now Connects Effortlessly with Salesforce Commerce Cloud

Blog header image

The caliber of your website’s product imagery makes all the difference when it comes to converting visits into sales. For e-commerce, displaying the highest-quality, most-responsive images and videos — with fast page loads regardless of the device — is a must.

Now, for Salesforce Commerce Cloud customers, we’ve made it easy to load and optimize images in Page Designer directly from your existing cloud storage. With the Commerce Cloud integration, store managers and designers can search for, visualize, and select the best product images from one central source of truth for their online store while delivering the most optimized images.

Read the rest

On-the-Fly Image Processing: Why You Need It and How to Achieve It

Blog header image

Images bring life to web pages and mobile apps. Effective image processing is crucial to achieving the impact you want and getting optimal web performance. However, not all image processing techniques are easy, reliable, or done in real-time.

In this blog post, we’ll briefly describe the three types of image processing: manual, backend, and on-the-fly image processing. We’ll then show you why on-the-fly image processing delivers superior results.

Read the rest

Stay up to date with our blog for the latest imgix news, features, and posts.