Notes · 2 November 2021
What 'fast' means now
The performance bar for a small-business website has moved. Most small-business websites have not.
The performance bar for a small-business website has moved. Most small-business websites have not.
Five years ago, “fast” meant a page that loaded in under three seconds on a desktop connection. Two years ago, “fast” meant a Lighthouse score above 90. Today, “fast” means Core Web Vitals that pass on mobile, on a mid-range Android phone, on a 3G connection, in the field, on real users. The thresholds are tighter. The measurement is more honest. The number of small-business websites that actually pass is small.
A few practical things that have shifted in the last year.
Largest Contentful Paint (LCP) under 2.5 seconds is the bar. The hero image is, on most pages, the LCP element. Compressing the hero image to a tenth of its current weight and serving it in AVIF or WebP is the single move with the highest leverage on most sites. Most sites still ship a 2MB JPEG.
Cumulative Layout Shift (CLS) under 0.1. The biggest source of CLS on small-business sites is web fonts loading after the page has rendered, causing the text to reflow. Self-hosted fonts with font-display: swap and explicit size-adjust declarations solve this for almost zero cost. The @font-face size-adjust property is the one most front-end developers I work with have not yet noticed.
Interaction to Next Paint (INP) is the new metric replacing First Input Delay. Sites that ship a lot of JavaScript will fail this. Static-rendered sites, even with light interactivity, will pass it without trying.
Most of these can be fixed without a redesign. Run the site through PageSpeed Insights on mobile, with a 3G throttle, and act on the top three recommendations. Repeat in a month. Over six months, most small-business sites will go from failing to passing without anyone touching the design.
The studios that get performance work disproportionately well are not the ones who run elaborate performance budgets. They are the ones who run the audit on every site they ship and do not let the project close until the report is green. It is a culture point, not a tooling point.
A site that loads quickly feels considered. A site that loads slowly feels neglected, regardless of how much was spent on the visual design. The relationship between performance and the perception of quality is, in my experience, more direct than most designers think.