Strategic web performance tips that you should be focusing on in 2025 to improve Core Web Vitals
Content tagged “images”
See all tags or all content.
Automatically generate unique Open Graph images for each page of your website
Did you ever notice those social media share images that automatically pop up for a site and think to yourself, "wow, it would be really cool if I could get that set up for my blog"? In this talk, Sia will show you how she uses 11ty shortcodes and Cloudinary to generate unique share images for each page and blog post on her site. (Cloudinary has a free tier that's generous enough that most personal sites fit under.)
Learn the common causes for layout shift on Shopify Liquid storefronts and how to fix them
A smarter way to break down loading speed problems, identify causes, and implement optimizations
Default lazy loading for image tags and new section.index properties...
Published on Performance at Shopify
We see three common web performance problems related to layout position with Shopify themes...
Published on Performance at Shopify
Images are key to user experience. Making images smaller doesn't always result in better performance. How can images impact page load speed and layout shift?
Published on Performance at Shopify
Get images right both on speed and quality, and your users will more likely convert.
Lazy loading is a performance strategy that de-prioritizes assets like images that are not needed immediately after a webpage is loaded. As with any strategy, you can misuse it causing worse performance.
Published on Performance at Shopify
Let Cloudinary make your image management easier! In this talk, I'll show how to set up responsive images in Eleventy using Cloudinary and Eleventy shortcodes. If time permits, I'll also show how I generate social share images using Cloudinary and Eleventy.
Start using AVIF today with Cloudinary. Learn about your options, the tradeoffs, and how to overcome slow transformations.
Learn the fundamentals behind responsive images and how to set them up in Eleventy using Cloudinary and Eleventy shortcodes
Learn to optimize your images for the web in this video from PerfMatters Conf.
Images account for 50% of the bytes downloaded to load a website. How can you make sure that your users only download the smallest image necessary while preserving image quality? In this talk, we'll focus on the underlying concepts in HTML and CSS for serving responsive images, which you can take with you no matter which tool you use.Which file formats suit which image types best? How can you use art direction in images to show the best image for a viewport layout? Come learn about this and more!
A strategic partner you can depend on
I make websites faster, smarter, and easier to grow.
If you want someone who’s creative and precise, deeply reliable, and not afraid to tell you what’s what to get you to the next level—I’m your partner.