Aesthetic Clinic SEOa curriculum for clinics Part V · Module 21 of 32
Module 21Part V · Technical hygiene

Speed and Core Web Vitals for a clinic site

Speed work has a bad reputation because it is usually done as an endless list. There are three metrics and about six fixes. This module is those six.

Reading time
25 minutes reading
Exercise
90 minutes
Level
Applied
Part
V. Technical hygiene

PrerequisitesModule 04 · How search works

In brief

Three metrics matter: Largest Contentful Paint, which should be at or under 2.5 seconds; Interaction to Next Paint, at or under 200 milliseconds; and Cumulative Layout Shift, at or under 0.1. For a clinic site the fixes that account for most of the improvement are image discipline, removing unnecessary third-party scripts, setting dimensions on media, and not loading fonts in a way that blocks rendering.

Figure plate: ledger, an instructional still life drawn from the publication's plate series
Learning outcomes

What you will be able to do

By the end of this module you will be able to:

  1. Explain what each of the three metrics measures in plain terms.
  2. Find your own field data rather than relying on a laboratory score.
  3. Apply the six fixes that account for most improvement on a clinic site.
  4. Know when speed work should stop.

Why speed matters here

Two reasons, and the second is larger than the first. Speed is a ranking consideration, modestly. And a slow page loses readers before they read anything, which matters much more, particularly on a phone on mobile data, which is how a large proportion of clinic traffic arrives.

The practical framing for a clinic is that speed work is worth doing once, properly, and then protecting. It is not worth doing continuously, and the industry habit of chasing a score is a distraction from the modules that produce more.

The three metrics

THRESHOLDS PUBLISHED BY GOOGLE ON WEB.DEVLCPLargest Contentful Paintgoodneeds workpoorat or under 2.5sover 4.0sINPInteraction to Next Paintgoodneeds workpoorat or under 200msover 500msCLSCumulative Layout Shiftgoodneeds workpoorat or under 0.1over 0.25
Figure 21.1 The three Core Web Vitals and their published thresholds. The bands are set by Google and documented on web.dev; they are not opinions.

Largest Contentful Paint measures how long until the largest thing on the screen appears. On a clinic page that is nearly always the hero image or the first heading. Slow LCP is almost always an image problem.

Interaction to Next Paint measures how long the page takes to respond when somebody taps something. Slow INP is almost always a script problem: too much JavaScript running on the main thread, usually from third parties.

Cumulative Layout Shift measures how much the page moves about while loading. It is the metric that produces the experience of tapping a button and hitting an advertisement that appeared underneath your thumb. It is caused by media without declared dimensions, by fonts swapping, and by content injected after load.

Field data against laboratory data

A laboratory test runs your page once, on a simulated device, on a simulated connection. Field data records what actual visitors experienced. They frequently disagree, and when they do, the field data is the one that matters.

Search Console's Core Web Vitals report shows field data grouped by page type, which is the most useful view available to a clinic because it tells you whether the problem is your treatment template or your homepage. Use the laboratory tools for diagnosis, after the field data has told you where to look.

Six fixes, in order

  1. Resize images before uploading. A photograph straight from a camera is several times larger than any web page needs. This single change fixes more clinic sites than the other five combined.
  2. Serve modern image formats and compress properly. Most platforms will do this if asked once.
  3. Set width and height on every image and video. This is what prevents layout shift, and it takes minutes.
  4. Load the hero image eagerly and everything else lazily. Lazy-loading the image at the top of the page is a common mistake that makes LCP worse.
  5. Load fonts without blocking. Use a display strategy that shows text immediately, and do not load six weights of two families when you use three weights of one.
  6. Remove third-party scripts you cannot justify. Covered next, because it is the one that requires a decision rather than a technique.

web.dev's guidance on optimising Largest Contentful Paint is the reference for the first four, and it is written for people who are not specialists.

Third-party scripts

A typical clinic site accumulates: an analytics tag, a tag manager, a chat widget, a booking widget, a review widget, a social feed, a cookie banner, a heat-mapping tool somebody installed during a trial, and a remarketing pixel from an advertising campaign that ended two years ago.

Each was added for a reason and most of the reasons have expired. Every one of them costs loading time and several of them cost interaction responsiveness. The exercise below is an audit with a simple rule: anything nobody can name a current use for is removed.

Every third-party script is a permanent tax on every page load, paid by every visitor, in exchange for a benefit somebody assessed once and never revisited.

Chat widgets deserve a specific note. They are heavy, they frequently sit in front of the content on a phone, and they are only worth their cost if somebody is actually answering them quickly. A chat widget nobody staffs is worse than no chat widget, a point Module 30, Enquiry forms, phone and messaging returns to.

When to stop

When all three metrics are in the good band on field data for your main page types. That is the finish line, and there is no prize for going further.

Protect it rather than improving it: check the field data monthly as part of the review in Module 31, What to measure, and what to ignore, and check it specifically after adding any new tool. Most regressions on clinic sites are caused by somebody adding a widget, which is why the audit is worth repeating annually rather than the optimisation.

Exercise 21

The script audit and the image sweep

Ninety minutes. You will need whoever administers the site, and permission to remove things.

  1. Open the Core Web Vitals report in Search Console. Write down the status of each metric for mobile, by page group.
  2. List every third-party script on your site. Your tag manager and the page source between them will show you.
  3. Beside each, write who uses it and what decision it informed in the last six months. Remove anything with a blank.
  4. Find the three largest images on your homepage and your main treatment page. Resize and recompress them.
  5. Check that every image has width and height attributes, and that the hero image is not lazy-loaded.
  6. Retest after a fortnight, once field data has updated. Laboratory tests immediately afterwards will mislead you.

Field data lags by design, because it is a rolling window of real visits. Do not judge the work for a month.

Questions readers ask about this module

How much does speed affect rankings?

Modestly, and less than the quality of the page. It affects whether people stay, which is a larger effect and one you can observe directly. Treat it as a usability obligation with a search side effect rather than the reverse.

My score is 100 in one tool and poor in another. Which is right?

Neither is a verdict. Laboratory tools measure one simulated load; field data measures your actual visitors. Where they disagree, act on the field data and use the laboratory tool only to work out which change to make.

Should I remove my cookie banner?

You may have obligations that require one, and the ICO is the right source on that rather than a marketing course. What you can do is ensure it is implemented lightly, does not shift the layout when it appears, and does not block the content on a phone.

Is a page builder platform inherently slow?

Some are heavier than others, and none is so slow that image discipline and script removal will not bring a clinic site into the good band. Changing platform for speed alone is rarely justified and carries the migration risk covered in Module 22.

Sources and primary references

  1. web.dev, Web Vitals
  2. web.dev, Largest Contentful Paint (LCP)
  3. web.dev, Interaction to Next Paint (INP)
  4. web.dev, Cumulative Layout Shift (CLS)
  5. web.dev, Optimize Largest Contentful Paint

Disclosure. This module contains no commercial links of any kind. This course is published by Northbank Media, is free to read, and is funded by the workbook pack and by clearly labelled series sponsorship. We do not rank, review or recommend agencies or clinics.

Module 21 of 32