You appear to be offline, some content may be unavailable.
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.
Lighthouse Parade is a Node.js command line tool that crawls a domain and gathers lighthouse performance data for every page. With a single command, the tool will crawl an entire site, run a Lighthouse report for each page, and then output a spreadsheet with the aggregated data. Each row in the generated spreadsheet is a page on the site, and each individual performance metric is a column. This is convenient for high-level analysis because you can sort the rows by whichever metric you are analyzing.