Web Design and Development
Website Speed: Where to Start with Core Web Vitals
Investigate website speed through LCP, INP and CLS. Distinguish field data from lab tests and build a practical plan for targeted, verified improvements.

A speed report looks encouraging, yet tapping the mobile menu produces a noticeable wait. On another page, text appears promptly but jumps down when the cover image arrives. Calling both experiences “slow” hides the distinction that matters to the person fixing them. Core Web Vitals separates loading, responsiveness and visual stability. The investigation starts by identifying the affected page, device group and action, then connecting the measurement to an observable problem.
A sound process begins by identifying which pages and tasks are affected. The team then checks the measurement source and conditions, investigates the likely cause, makes a targeted change and repeats the relevant tests. This guide explains how a corporate website or editorial team can turn performance findings into an actionable work plan. Examples are hypothetical and do not imply guaranteed improvements for any particular site.
Understand the three experiences being measured
The web.dev overview, checked on 26 October 2026, identifies LCP, INP and CLS as Core Web Vitals. They concern loading, interaction responsiveness and visual stability respectively. The good thresholds are no more than 2.5 seconds for LCP, 200 milliseconds for INP and 0.1 for CLS. Assessment considers the 75th percentile, with mobile and desktop evaluated separately.
These numbers should not be read as one visitor’s universal experience of the entire site. Devices, connections and page states vary. A page loading quickly on an office computer does not establish that all visitors experience the same result. Begin by checking which address or group of addresses the report describes, and whether its device category matches the audience you are investigating. Measurement context is part of the finding, not an optional footnote.
Distinguish laboratory tests from field data
A laboratory test runs under controlled or simulated conditions. It is useful for reproducing problems, comparing changes and inspecting possible bottlenecks during development. Field data reflects real visits. These approaches are related but do not describe an identical sample. Different results do not automatically mean that one tool is malfunctioning; they may reveal differences between the test environment and actual usage.
The PageSpeed Insights documentation explains that real-user reporting requires sufficient samples. When page-level information is insufficient, the tool may show origin-level information; sometimes neither is available. An absence of field data on a newly published page does not establish good or poor performance. Check the report’s scope before presenting a finding as evidence about one specific address.
Select representative templates rather than one homepage
The homepage may not represent service details, article pages, project archives or contact forms. These templates can load different resources and behaviours. Identify the main groups and select examples from each. Pages with large imagery, additional scripts or unusual interactions deserve particular attention. This also helps estimate how many addresses might benefit from a shared-component improvement.
Record the URL, template, device category and test conditions. An administrator’s logged-in view may differ from the ordinary visitor experience. Cache state, open notices and optional widgets can also affect the result. Meaningful comparisons require awareness of those differences. Do not present only the best run as though it were a stable characteristic. Explain the observed variation and the limits of the evidence when deciding what to investigate next.
Investigate why the main content appears late
A poor LCP result does not automatically mean that every image needs heavier compression. First identify the main element and the stage at which it waits. Server response, resource discovery, download and rendering can contribute different delays. A useful technical investigation separates these stages instead of treating the final number as a direct instruction to change one file.
Evaluate the image and its loading path together
Imagine a hypothetical service page whose main image appears late. Appropriate dimensions, format and source selection may help. However, if the browser discovers the image only after a delayed component runs, compression alone may leave the underlying wait unresolved. Content required immediately and content needed far below should not automatically share the same loading strategy. Choose a remedy that addresses the observed cause rather than applying a standard optimisation recipe to every page.
Record actual interactions when investigating INP
Opening a menu, changing a filter and completing a form involve responsiveness after initial loading. A page appearing ready does not establish that those actions are smooth. Long tasks or repeated calculations may create delays during an interaction. A recording showing which control responds slowly under which conditions is much more actionable than an undifferentiated complaint that the website feels slow.
An automated loading test cannot replace a real interaction sample. web.dev explains that Lighthouse runs without user input do not directly measure INP; TBT can serve as a laboratory indicator. Do not relabel one as the other. Try critical activities and connect the technical recording with what the person was doing. Repeated taps while waiting for feedback can also reveal that the interface does not communicate its current state clearly.
Find the source of unexpected movement
If a newly loaded image pushes text down while someone is reading, the person can lose their place. A moving button can also cause an unintended selection. Images without reserved dimensions and sections inserted later are possible causes worth investigating. Not every visible movement is treated identically by the metric, so use the actual diagnostic record to understand which shifts were included.
Reserving suitable image space, planning room for delayed components and examining font behaviour may be appropriate responses. The objective is not to prevent movement by cutting off meaningful content. Test long headings, translated text and new images as well. Rigid heights that hide information can introduce a usability problem while making one layout look more stable. Technical improvement should preserve the explanation the visitor needs.
Review third-party tools by purpose and cost
Chat services, embedded video, analytics tags and advertising components may support legitimate business needs while also adding technical work. List what runs on each template and why. Multiple tools serving the same purpose may have accumulated unintentionally. Establish whether each feature is still used before deciding how it should load or whether its scope can be reduced.
Removing every third-party tool is not a useful universal rule. A valuable contact or measurement function may be retained with a more appropriate implementation. Temporarily disabling a component can be an investigative comparison, while a permanent decision requires business review. Relevant consent and notice arrangements also need their own responsible assessment. Performance work should not silently remove required functions in pursuit of a cleaner score.
Consider hosting and caching in context
Server response and cache policies may need attention, but copying one configuration across every resource is unsafe. A stable public image and personalised information cannot be treated identically. The technical team should define what can be stored, for how long and how updates invalidate older copies. Inappropriate caching can show outdated content or expose information in an unintended context.
A content delivery network or a different hosting package should not be accepted as a solution purely because of its name. Identify the bottleneck and expected traffic pattern. If the server responds promptly while a browser component performs excessive work, moving servers may have limited effect. Write down the specific problem a proposed infrastructure change is intended to solve, then compare the result under equivalent conditions.
Prioritise work by impact and confidence
Not every warning deserves equal urgency. A well-understood issue affecting an important task across many pages may be a stronger starting point than an uncertain recommendation with limited reach. Where the cause remains unclear, plan a small investigation first. Assign an owner, an expected effect, a verification method and a way to reverse each meaningful change.
For example, a hypothetical hero-image delay shared by service templates may justify a common-component adjustment. Confirm it on representative pages before extending it. The same change might improve delivery while damaging a crop elsewhere. Including technical and editorial review within a web design and development engagement helps the team catch such side effects instead of treating a better metric as sufficient evidence of overall success.
Define success beyond a green result
Good performance measurements matter, but they do not replace clear service information, understandable navigation or a functioning enquiry form. Google’s Core Web Vitals guidance connects these measurements with page experience. It does not establish a promise of first position for a chosen keyword. Treat performance improvement as work on technical quality and user experience rather than a guaranteed acquisition outcome.
New photographs, tags and interface components can change results after launch. Give editors image rules and give the technical team clear review triggers. A website development plan can define those continuing responsibilities. Record measurement dates and deployed changes so that future comparisons have a reliable baseline. Speed should remain a maintained property of the site, not simply an attractive report produced on launch day.
Frequently asked questions
What should I do first when my PageSpeed score is low?
Check the address, device category and type of data being reported. Identify the affected experience before choosing a remedy. Installing a random optimisation tool or deleting all images is less informative than investigating a particular finding and testing a change linked to its likely cause.
Does missing field data mean my website is slow?
No. Insufficient real-user samples can prevent a field report from appearing. Laboratory tests can still support investigation, but missing data should not be presented as proof of either good or poor performance. State the reporting limitation rather than filling the gap with an assumption.
Do LCP, INP and CLS measure the same problem?
They address different experiences: loading, interaction responsiveness and visual stability. More than one can need improvement on the same page. Each requires attention to the relevant behaviour and technical cause. One generic change should not be assumed to resolve all three.
Would removing every image improve the website?
It may reduce transfer, but it can also remove valuable explanation and evidence. Evaluate each image’s purpose, dimensions and delivery. Providing useful imagery appropriately is often a more balanced editorial decision than stripping visual content from the service experience altogether.
Do good Core Web Vitals guarantee top Google rankings?
No. They do not provide a ranking guarantee for a particular query. Relevant content, technical access and other considerations remain important. It would be misleading to turn a performance improvement into a promised increase in traffic, enquiries or sales without appropriate evidence.
Why do changes need to be checked again?
A shared adjustment can affect templates and devices differently. Field reporting also reflects new experiences over time. Repeat comparable technical tests and important user tasks, looking for both the intended improvement and unintended consequences. Keep a record of what changed so later results can be interpreted sensibly.