You appear to be offline, some content may be unavailable.
I see a recurring performance problem on many ecommerce sites—the most important images on the page are being lazy loaded when they shouldn't be. You’re better off not implementing lazy loading at all than implementing it incorrectly.
We’ve all encountered slow websites, sometimes forcing us to abandon our carts to head for speedier competitors. But knowing exactly what’s slowing down your own site and how to fix it can feel like searching…
Megan and Jason discuss the challenges of image optimization for ecommerce, where image quality directly impacts product returns. Compressing images too much can lead to loss of important image quality that can impact purchase decisions, resulting in disappointed customers and returns. Furthermore, slow-loading webpages caused by image-heavy pages increase the environmental impact and costs.
If you buy a burgundy dress and what arrives is tango red? Do you return it? Probably. Product images matter. Returns cost businesses billions and have a big environmental impact. Read our New Recommendations for Ecommerce Images.
Animated GIFs remain popular in spite of their beefy file sizes. But what are we supposed to use instead?
Since `ch` units are based on your current font their value can change when fonts are loaded and cause unexpected layout shifts.
Using the native HTML disclosure widget for a burger menu is so enticing. Unfortunately, the details/summary elements come with accessibility issues, so it's not an inclusive solution.
Progressive enhancement or a great Cumulative Layout Shift metric score? Why not both?
Font subsetting allows you to split a font's characters (letters, numbers, symbols, etc.) into separate files so your visitors only download what they need. There are two main subsetting strategies that have different advantages depending on the type of site you're building.
When I started giving talks about SVG back in 2016, I'd occasionally hear a question I never had a great answer for: What if you have a lot of icons on a page?