You appear to be offline, some content may be unavailable.
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?
By leveraging native browser controls, we can make accessible and high-performing components with just a dash of JavaScript.
In case you missed it, last month we released Lighthouse Parade, a CLI tool to automatically run and aggregate Lighthouse performance reports across an entire site. One of the most requested features has been the ability to limit which pages are crawled. We're excited to release Lighthouse Parade 1.1, which introduces three new flags to accommodate these use cases.