Design, Speed, and the First Impression Google Measures
The client gives your site about forty seconds. Google’s judgment starts earlier — at two and a half.
Law firm design conversations are about taste — the serif, the navy, the photography. But two other parties judge the design before any partner does: the client on a phone giving you seconds, and Google measuring those seconds in milliseconds. This chapter is about the part of design that’s measurable — and the redesign mistake that quietly costs firms their rankings.
The three numbers
Google’s Core Web Vitals are page speed requirements with thresholds, measured from your real visitors’ devices:1
- LCP ≤ 2.5s — the main content is visible in two and a half seconds. The usual law-firm killer: a 4MB courthouse hero photo.
- INP ≤ 200ms — taps respond. The usual killer: a stack of third-party scripts — chat, analytics, tag manager, heatmap, call tracker — each “just one line.”2
- CLS ≤ 0.1 — nothing jumps while the client is reading. The usual killer: fonts and banners loading without reserved space, so the phone number moves as they tap it.
None of these requires sacrificing the register. Images sized and compressed, fonts subset and swap-loaded, scripts inventoried and pruned — the elegant site and the fast site are the same site, built carefully. (And the plugin sprawl that slows a WordPress site is the same sprawl that gets it hacked — Cybersecurity Ch. 1.)
Design for the forty-second visit
What a potential client actually does: lands on a practice page, skims for can they handle my problem, glances at who these people are, looks for what to do next. The design’s job is making those three answers unmissable — evidence over adjectives, one obvious action per page, the phone number clickable and the form short. And the palette that carries all this has to pass contrast — the tasteful grey that fails 4.5:1 can be deepened two steps without losing the register.
The redesign that loses the rankings
The saddest email we get: “we launched the beautiful new site and our traffic is gone.” Almost always one of two causes, both preventable in an afternoon:
noindex still set from staging. The site didn’t lose rankings — it asked to be removed.4What actually does it
1. Measure from a real phone — your vitals at the 75th percentile, not office fibre.
2. Fix the big three — hero images, script stack, layout reservation.
3. Inventory third-party scripts — every one justified or removed (Exhibit G of the checklist).
4. Treat any redesign as a migration — redirect map before launch, index check at launch, vitals and schema re-validated after.
5. Keep the register, pass the thresholds — they were never in conflict.
Your firm’s design & speed checklist
Footnotes
- web.dev (Google), Core Web Vitals — Largest Contentful Paint ≤ 2.5s, Interaction to Next Paint ≤ 200ms, Cumulative Layout Shift ≤ 0.1, each measured at the 75th percentile of real visits. ↩
- Every third-party script — chat, analytics, tag managers, heatmaps — costs load time and interactivity; several also have compliance dimensions. ↩
- Redirect mapping at migration: every old URL 301s to its nearest new equivalent, one hop, before launch — the single most-skipped step in law firm redesigns. ↩
- The staging-tag mistake — launching with
noindexstill set — is the redesign’s rarest and most catastrophic error: the site vanishes from Google and nobody knows why. ↩
Trusted by professionals like you.
