Core Web Vitals for Clinics (No Jargon): The 3 Numbers That Predict Patient Drop-Off
Patients judge your practice long before they meet a clinician. If your website feels slow, jumpy or unresponsive on a phone, many will abandon the journey before they ever see your services or complete a booking.
Core Web Vitals are three simple numbers that predict when that drop‑off will happen. The good news: you can check them yourself in a few minutes using Google’s free PageSpeed Insights tool.
This guide explains, in plain English, what those three numbers are, how to read them, what they look like to patients, and what to do if they are in the “danger zone” – with examples tailored to GP practices and UK healthcare providers.
Core Web Vitals in Plain English
Core Web Vitals are Google’s way of measuring how “comfortable” your website feels for real users, especially on mobile. They focus on three questions:
- How quickly does something useful appear?
- Does the page stay still or jump around?
- Do taps and clicks respond straight away?
The three metrics you need to know are:
Largest Contentful Paint (LCP)
- Measures: How quickly the main content appears.
- Target: 2.5 seconds or faster on mobile.
- Think of it as: “How long until the patient sees a reassuring page (e.g. ‘Book an appointment’, ‘Opening hours’) instead of a blank screen?”
Cumulative Layout Shift (CLS)
- Measures: How much the page “jumps around” as it loads.
- Target: 0.1 or less (lower is better).
- Think of it as: “Do buttons move at the last second so people tap the wrong thing?”
Interaction to Next Paint (INP)
- Measures: How quickly the page reacts after a tap, click or key press.
- Target: 200ms or faster (0.2 seconds).
- Think of it as: “Do taps on ‘Book now’ feel instant or sluggish?”
For clinics, these aren’t just technical scores. They directly affect:
- How many patients complete online appointment requests
- How accessible your site is for patients with disabilities
- Perceptions of professionalism and care
- Your visibility in Google Search
How to Check Your Clinic’s Core Web Vitals (Mobile) in PageSpeed Insights
You do not need a developer to get these numbers.
Step-by-step: Running a test
Use Google’s free PageSpeed Insights tool: 1. Open PageSpeed Insights in your browser. 2. Paste your clinic website URL (start with your home page, then your “Book an appointment” page). 3. Click Analyse. 4. At the top of the results, select Mobile (not Desktop).
You’ll now see a score out of 100, but the real value is in the three Core Web Vitals numbers.
Where to read the three numbers
Scroll slightly and look for the Field data or Origin summary (if Google has real‑world data) and the Core Web Vitals assessment. You are looking for:
- Largest Contentful Paint (LCP) Cumulative Layout Shift (CLS)
- Interaction to Next Paint (INP)
They are usually shown with coloured labels:
- Green (Good)
- Amber (Needs improvement)
- Red (Poor)
For each:
- LCP should be ≤ 2.5 s
- CLS should be ≤ 0.1
- INP should be ≤ 200 ms
If you see “Core Web Vitals assessment: Failed”, at least one of these is outside the safe range for many users.
What Each Issue Feels Like to Patients
Numbers are useful, but what matters is how they translate into patient experience, especially for people who are anxious, in pain, or have accessibility needs.
When LCP is too slow (> 2.5s)
To patients, slow LCP looks like:
- A blank or half‑loaded screen when they’re expecting key info like phone number or eConsult link
- A hero image or banner that appears long before the appointment options, so they wait, scroll, and feel unsure where to act
- An impression that “the site is broken” on slower mobile connections
Clinic-specific examples
- A patient searching “GP near me” clicks your listing. The page hangs, then slowly reveals a large hero image of the building before showing the “Book online” button. Many drop off before they ever see how to book.
- A parent trying to check same‑day urgent appointment options on a busy Monday morning gets a spinning loader instead of clear instructions. They panic and call 111 or A&E instead.
When CLS is too high (> 0.1)
High CLS means the layout is unstable – things move after they appear. On a healthcare site this feels careless and undermines trust.
To patients, bad CLS looks like:
-
Tapping “Book appointment” but hitting “Order repeat prescription” because the buttons jumped at the last moment
-
A consent checkbox sliding down as text above loads, so they miss important information
-
Content bouncing while they’re trying to read sensitive information (e.g. mental health, sexual health) Clinic-specific symptoms of bad CLS
-
Booking buttons jumping during use
A patient on mobile taps “Continue” in your online triage form. As an image or cookie banner finishes loading, the button shifts, and they accidentally tap “Back” or another option, losing progress. -
Important alerts moving
A flu clinic banner appears late and pushes all content down. A visually impaired user relying on magnification loses their place and must start again.
This is not just frustrating; it can create accessibility barriers and conflict with the spirit of WCAG’s focus on predictable, stable interfaces.
When INP is too slow (> 200ms)
High INP means interactions feel slow or unresponsive.
To patients, slow INP looks like:
- Tapping “Submit” on an appointment form and nothing seems to happen for a moment
- Opening the burger menu and waiting before the menu visibly opens
- Having to tap buttons twice because the first tap felt like it didn’t “register”
Clinic-specific symptoms of bad INP
- Unresponsive booking buttons
A patient taps the “Book online appointment” button. There’s a noticeable pause before the page changes. They hit it again, worried it didn’t work, sometimes causing double submissions or confusion. - Sluggish forms
Each time a patient selects a symptom or types into a field, the page hesitates because heavy scripts are running in the background, especially on older mobiles.
In healthcare, this hesitation can be interpreted as risk: “If they can’t even make the website work properly, can I trust their clinical systems?”
Why Heavy Themes Hurt CLS and INP (Especially for Clinics)
Many GP and healthcare websites in the UK run on WordPress or similar systems with “all‑in‑one” themes, page builders, and multiple plugins. These are marketed as “feature rich” but often have a hidden cost: performance.
What “heavy” means in practice
A heavy theme typically:
-
Loads large numbers of fonts, icons, and animations even if you don’t use them
-
Includes multiple sliders, pop‑ups, and layout components by default
-
Adds several layers of JavaScript that must run before the page settles How this causes CLS problems
-
Carousel banners resize themselves after loading
-
Images don’t have fixed width/height defined, so they push content down when they appear
-
Third‑party widgets (chat, review badges, cookie notices) inject themselves late, shifting everything around
How this causes INP problems
- Every tap has to go through bulky JavaScript handlers
- Marketing, analytics and booking plugins compete for the browser’s attention
- Old or low‑cost Android phones struggle to process all this, so taps feel “sticky”
For UK GP practices, this isn’t just a design concern. A jumpy or unresponsive layout can:
- Make forms harder to use for patients with motor impairments or tremors
- Increase cognitive load for people with learning disabilities
- Risk non‑compliance with WCAG 2.1 AA expectations around predictability and input assistance
In short: a simpler, leaner theme is often more in line with both NHS digital standards and what patients actually need.
What “Good” Looks Like: Targets to Aim For
Use these as non‑negotiable performance baselines for your clinic website: Largest Contentful Paint (LCP)
- Target: ≤ 2.5 seconds on mobile
- For critical pages (home, appointments, contact), aim for 1.8–2.0 seconds if possible. Cumulative Layout Shift (CLS)
- Target: ≤ 0.1
- Aim for zero visible movement on key journeys like booking appointments, online registration and repeat prescription requests. Interaction to Next Paint (INP)
- Target: ≤ 200 ms
- Patients should feel taps are instant even on mid‑range Android devices over 4G.
If your scores are just inside the “Good” band, treat that as “okay for now”, not “job done”. As you add content, scripts and widgets, scores can worsen – especially on mobile.
A Simple Re-Test Routine After Any Website Change
Core Web Vitals aren’t “set and forget.” Every new widget, plugin, banner or tracking script can nudge them in the wrong direction.
Build a lightweight routine around changes. Before you change anything
- List the key pages to test:
- Home page
- Book appointment / online triage
- Contact / practice details
- Register as a patient
- Run PageSpeed Insights (mobile) on each and record:
- LCP, CLS, INP values
- Whether the Core Web Vitals assessment is passing
Even a simple spreadsheet or shared document is enough.
After any change, always re-test
Changes that should always trigger a re-test:
- Installing or updating a theme or page builder
- Adding new booking widgets or online consultation tools
- Installing new analytics, tracking, live chat or pop‑up tools
- Embedding videos, third‑party forms, or large images on key pages
Post‑change checks
- Re-run PageSpeed Insights (mobile) for the same pages
- Compare the three numbers with your “before” values:
- Did LCP increase? Are new large images or scripts to blame?
- Did CLS increase? Check if new banners or widgets are causing jumps.
- Did INP increase? Look at new plugins or form logic.
If a change pushes any metric into “Needs improvement” or “Poor”:
- Consider rolling the change back, or
- Ask your developer or supplier: “How can we achieve the same outcome without harming Core Web Vitals?”
For NHS practices using centrally provided tools (e.g. specific online consultation platforms), you may not control all aspects. But you can:
- Keep your own theme, fonts and imagery lean
- Avoid unnecessary extras on critical booking pages
- Raise performance and accessibility concerns with suppliers as part of procurement and review
Practical Fixes Clinics Can Request (No Jargon Needed)
You don’t have to know how to code, but you do need to be able to brief your developer or supplier clearly.
Speeding up LCP
-
Ask for:
- Images to be compressed and served in modern formats (e.g. WebP)
- Large hero images to be optimised or simplified, especially on mobile
- Removal or deferral of non‑essential scripts from the top of the page
- Use of a content delivery network (CDN) if your site serves a wide area Reducing CLS (“no jumpy pages”)
-
Ask for:
- Fixed width and height to be set for all images and banners
- Space to be reserved for cookie banners and any “sticky” elements
- Removal of auto‑rotating sliders where possible, especially on booking flows
- Stable placement of key actions like “Book appointment” so they never move
Improving INP (fast, responsive taps)
- Ask for:
- Reduction of heavy JavaScript, especially on forms and menus
- Removal of unused plugins and widgets
- Deferral or throttling of third‑party trackers on key patient flows
- Testing on real mid‑range Android phones, not just high‑end devices
These changes align well with NHS digital priorities (fast, reliable access to care), support WCAG 2.1 AA requirements around operable and predictable interfaces, and usually improve SEO.
When a Lean Rebuild Pays for Itself
Many practices try to “patch” a bloated theme and never quite get into the safe zone. At some point, a lean rebuild can be more cost‑effective than endless firefighting. Signs you should consider a rebuild
- Even after optimisation, mobile LCP is consistently above 3 seconds
- CLS on booking pages rarely stays below 0.1 because of theme behaviour
- INP is poor across the site due to heavy page builders and scripts
- Each minor update breaks something else or worsens performance
- You rely on multiple overlapping plugins for simple tasks
How a lean, clinic-focused rebuild creates value
Fewer drop-offs on booking journeys
-
Faster pages and stable layouts mean more patients complete:
- Online triage forms
- New patient registrations
- Repeat prescription requests Better alignment with UK standards
-
Accessibility-first design improves compliance with:
- WCAG 2.1 AA expectations for NHS and public sector sites
- The Public Sector Bodies (Websites and Mobile Applications) Accessibility Regulations
- Faster, more stable interfaces support equal access for:
- Screen reader users
- Patients with low vision, motor challenges or cognitive impairments
Reduced support pressure
-
Fewer patients call because “the form doesn’t work” or “the website is slow”
-
Staff spend less time troubleshooting online services and more time on care Stronger digital reputation
-
Patients experience the website as organised, reliable and considerate
-
Performance feeds into better search visibility, making it easier for patients to find you
Often, the cost of a carefully designed, lean build pays back through:
- Higher completion rates for self‑service tasks
- Reduced admin calls
- Better utilisation of online consultation tools
Key Takeaways for GP Practices and Healthcare Providers
Three numbers to watch
- LCP ≤ 2.5s – patients see useful content quickly
- CLS ≤ 0.1 – pages don’t jump; patients tap what they intended
- INP ≤ 200ms – taps and clicks feel instant
Patient-facing symptoms
-
Slow LCP: blank screens and growing frustration before key info appears
-
High CLS: buttons moving mid‑tap, misclicks on sensitive forms
-
High INP: unresponsive “Book now” buttons and sluggish menus Biggest underlying cause
-
Heavy themes, page builders and unneeded plugins that:
- Load too many scripts and fonts
- Shift layouts around as they load
- Slow down every interaction, especially on mobile
Operational habits that help
- Test key pages in PageSpeed Insights (mobile) regularly
- Always re‑test after adding plugins, widgets or design changes
- Treat performance as a patient safety and accessibility issue, not just a technical one
Next Steps: A Simple Plan for Your Practice
You can take action this week without becoming a web developer. Step 1 – Benchmark your site
- Run PageSpeed Insights (mobile) for:
- Home page
- Book appointment / online triage
- Contact / practice details
- Record LCP, CLS, INP and whether Core Web Vitals are passing.
Step 2 – Prioritise critical journeys
- Focus first on pages where patients:
- Book or request appointments
- Register with the practice
- Access urgent care information Step 3 – Brief your supplier or IT partner
Share your findings and ask specifically for:
- LCP ≤ 2.5s, CLS ≤ 0.1, INP ≤ 200ms on mobile for the critical pages
- A plan to reduce heavy scripts, stabilise layouts, and improve responsiveness
- A commitment to re‑test Core Web Vitals after any major change
Step 4 – Embed performance into governance
- Add Core Web Vitals review to your:
- Website governance or digital steering group agenda
- Supplier review meetings
- Treat poor scores as risks to:
- Patient access
- Accessibility compliance
- Public perception of the practice
By keeping a close eye on these three numbers – and how they feel to real patients on real phones – you turn your website from a potential barrier into a genuinely supportive, accessible front door to care.
