Engineering

Performance is a product decision, not a launch-day cleanup

Fast products come from budgets, architecture, and content choices made before the final Lighthouse run.

ACT Lab Editorial · · 7 min
A team working together around laptops on a wooden table
Photo by Marvin Meyer on Unsplash

Speed is part of the interface

A page does not feel finished when its layout is polished. It feels finished when the main content arrives quickly, controls respond immediately, and nothing jumps while a person is trying to act. These are product qualities, even when the fixes live in code and infrastructure.

Treating performance as a final optimization creates expensive trade-offs. By launch week, the team may already depend on a heavy hero asset, a client-rendered data path, and third-party scripts nobody owns. The technically correct fix now competes with the design and business decisions already approved.

Budget the experience before building it

Define a small set of performance constraints in the brief. Current Core Web Vitals guidance considers an experience good when, at the 75th percentile, Largest Contentful Paint is at most 2.5 seconds, Interaction to Next Paint is at most 200 milliseconds, and Cumulative Layout Shift is at most 0.1.

A budget turns those targets into design inputs. It can cap the initial JavaScript payload, limit font files and trackers, define an image weight, and require visible dimensions for media. The numbers are not the strategy; they create a useful conversation about what deserves to load first.

Shorten the path to the largest element

On many marketing pages, the largest visible element is a headline or hero image. It should be discoverable in the initial HTML, requested early, delivered at the size the device needs, and rendered without waiting for unrelated JavaScript. A beautiful asset hidden behind a client-side request is still a slow first impression.

Server response time matters too. Redirect chains, uncached content, and distant origins consume the same user patience as a large image. Look at the full sequence—document, critical styles, fonts, hero resource, render—rather than compressing assets in isolation.

Use field data and lab data for different jobs

Lighthouse is useful because it makes a repeatable, controlled diagnosis. It is not the experience of every customer. Real devices, network conditions, cached visits, consent banners, and third-party behavior create a wider distribution than one lab run can show.

Use field data to decide whether people have a problem and lab traces to understand why. Segment results by page type and device class. An excellent desktop average can conceal a slow mobile checkout, while one poor synthetic run can overstate an issue real visitors rarely encounter.

Give performance an owner

Budgets only work when a change can be challenged. Add performance checks to pull requests, review the field trend after releases, and make exceptions explicit. The owner does not need to reject every rich interaction; they need to make its cost visible before it becomes permanent.

The goal is not a perfect score. It is a product that stays calm and responsive as content, features, and traffic grow. That outcome is much easier to design in than to recover after launch.

Research & further reading

This article is original ACT Lab editorial. External sources are included so you can verify the underlying guidance and continue reading.

Newsletter

Occasional notes on what we’re building and shipping. No spam.