An Insight Into User Performance Metrics

Gary Green
Gary Green
August 19, 2022

Most people are aware that website performance matters. However, what does it actually mean when we talk about making a website “fast”?

Website performance is all relative. For example, a user with a powerful device and fast network may find a website fast to load, while another user who has a lower-end device and a slower network may find it very slow to load.

Alternatively, two sites could finish loading up in identical time, however one may appear to load more quickly if its content loads progressive instead of having to wait until the end before anything is displayed. Another site could appear to load rapidly but respond slowly when the user interacts with it.

It’s clear, then, that performance should be referred to in objective terms with criteria that can be measured quantitatively i.e. metrics.

What Are Metrics?

Traditionally, load event measures web performance. But, even though this is a well-defined moment within a webpage’s lifecycle, it doesn’t correspond, necessarily, with anything that users care about.

A server may respond with an immediate-loading minimal page but then fetching content may be deferred so nothing will be displayed on the web page for several seconds after the initial load event is fired. This page may technically have a rapid loading time, however that doesn’t relate to the user experience of loading up the page.

With this in mind, some key questions need to be asked to ensure metrics can be used that have relevance to users. These include:

  • Has navigation begun successfully and has the server given a response?
  • Is sufficient content rendered to allow users to interact with it?
  • Can a user interact with a page, or is the page busy?
  • Is each interaction natural and smooth without any lags?
  • How Can Metrics Be Measured?

Generally, performance metrics can be measured either in the field (when real users load and interact with a page) or in a lab (when tools are used to simulate the page load within a controlled and consistent environment). Using both of these options is the best ideal if you want to ensure optimal website performance.

When developed a new feature, testing performance within a lab is vital. Before releasing features in production, it isn’t possible to measure how they perform with real users so lab testing is the only way of preventing performance regressions.

Although lab testing is a suitable proxy, it doesn’t always reflect how every user will experience your website in practice. A website’s performance may vary wildly depending on the capabilities of the user’s device and the network conditions they’re operating under, as well as how or whether the user interacts with the page. Lab tests cannot capture these differences.

Metric Types

Several kinds of metric are relevant to the way in which users perceive website performance. These include:

Perceived load speeds– the speed at which a page loads and renders its visual elements onto the screen.

Runtime responsiveness – once the page has loaded, how rapidly it responds to the user’s interactions.

Load responsiveness – how rapidly the page loads and executes required code to allow components to rapidly respond to the user’s interactions.

Visual stability – whether the page elements shift in a way that the user doesn’t expect.

Smoothness – whether the animations and transitions render consistently and flow fluidly between states.

All of these metrics need to be borne in mind when determining a page’s performance characteristics.

Which Metrics Should I Measure?

Some key metrics for measurement include:

FCP (First Contentful Paint) – this measures the length of time between the page starting to load and any element of the content being rendered on the screen.

LCP (Largest Contentful Paint) – this measures the length of time between the page beginning to load and the biggest image element or text block being rendered on the screen.

FID (First Input Delay) – this measures the length of time between the user first interacting with the site and the time that the browser responds to the interaction.

TTI (Time to Interactive) – this measures the length of time between the page beginning to load to the time that it is visually rendered and its initial scripts have loaded so it can respond reliably and quickly to the user’s input.

TBT (Total Blocking Time) – this measures the length of time between TTI and FCP where the main thread has been blocked for sufficient time to stop input responsiveness.

CLS (Cumulative Layout Shift) – this measures a cumulative score of every unexpected layout shift to occur between the time the page begins to load and the time its lifecycle state switches to hidden.

There are other metrics that can be measured too, including runtime smoothness and responsiveness, which could help to determine a website’s performance.

What Are Custom Metrics?

Although the metrics above are ideal to give you an overall understanding of a website’s performance characteristics and to compare performance against that of competitors, having custom metrics for your own website is the best course of action. These will ensure that the complete performance picture can be captured. Some lower-level APIs are useful for implementing your own metrics customised for your website’s specific needs including:

  • Long tasks API
  • User timing API
  • Element Timing API
  • Resource Timing API
  • Navigation Timing API
  • Server Timing

The Importance Of Performance Metrics

Without properly measuring user performance metrics, it’s impossible to really know how well your website is performing and how effective it is when your visitors try to interact with it. By taking into account the various performance metrics mentioned here - and by taking the time to measure the ones that are most critical to your website’s performance - you can be sure that you can pinpoint any potential issues as early as possible.

This enables you to put steps in place to rectify the problems before they have a seriously negative impact on the performance of your webpages. By optimising your performance metrics as much as possible, you can be confident that your visitors will all enjoy the best possible user experience.

Tell us about your project...
Fill in your details to get started and join over 50 businesses enjoying Key Business Marketing's expertise..
Contact Form Demo (#1)
We adhere to strict GDPR rules and do not reveal or sell your data to any third-parties. For more, please read our Privacy Policy.
Latest Insights
February 13, 2024
A Guide To Using ChatGPT To Carry Out Keyword Research

Discover how to harness the potential of ChatGPT for advanced keyword research in SEO with our comprehensive guide.

January 12, 2024
Bolstered Advertising From Google On YouTube Shorts

Explore the latest Google advancements in YouTube Shorts advertising! Discover how Google is boosting brand visibility and addressing revenue challenges.

December 15, 2023
How Do I Manage My WordPress Website’s Email Services?

Learn how to effectively manage your WordPress website's email services for optimal performance. Explore the three methods of sending emails in WordPress

November 26, 2023
Monitoring Your Website Performance And Optimizing Accordingly

Explore the art of monitoring and optimising your website's performance. Discover dedicated tools to prevent downtime, enhance user experience, and meet Google's performance standards.

November 10, 2023
Project Magi: A Major Change To Google Search

Discover the revolutionary shift in Google's search landscape with Project Magi! This upcoming AI-powered search experience makes some big promises!

October 23, 2023
Top Tips For WordPress Security

Discover essential tips to fortify your WordPress website's security. Safeguard your site with expert advice in this comprehensive guide

September 29, 2023
A Guide To WordPress Maintenance Plans

Mastering WordPress Maintenance Plans: Organize your website tasks efficiently, from backups to plugin updates.

September 18, 2023
Solutions For The Most Frequently Seen WordPress Errors

Discover expert solutions for the most common WordPress errors and streamline your website management.

September 2, 2023
Top Tips For Managing Your WordPress Website

Master the art of WordPress website management with our expert tips! Learn how to streamline maintenance, boost performance, and enhance security

View Our latest insights »
Get the latest digital marketing insights delivered straight to your inbox
Newsletter Form (#2)
We care about the protection of your data. No spam. Unsubscribe anytime.
02037 282 848
Mon-Fri 9am - 5.30pm
Digital marketing guidance at your fingertips
Copyright © 2022 KEY BM LTD Reg: E&W 11055943
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram