How do we measure performance of a website

What's web performance:

Web performance is a term describing how fast a website is.

Why does performance matters:

Google ranks the websites based on their performance but the most important reason is the real users, whereas it lets them to have a good experience when they work with our websites. Imagine if they like to ride a Bugatti Veyron EB or an slow old car. 🚗 😃

How do we measure performance ?

There are different tools that can be categorized in these two list:

1. browsers tools

• Lighthouse
  It gives you the results and matrices to make the improvements
  It gives you opportunities and diagnosis

• Network Tab
  Run network and disable cache and check times and waterfall for all requests

• Perfomance Tab
  start profiling and check all things in detail,

2. Hosted third-party tools

• PageSpeed insights (Google)
  it's like lighthouse but it doesn't run on your local machine, so it will check the matrices from google servers

• Webpagetest.org

• GTMetrics (actually lighthouse)

Standard performance measurements

There are couple of important measurements that you can find or different tools to check the performance of your website.

• First paint
  The time it takes before the user sees changes happening in the browser.

• LCP (Largest Contentful Paint)
  The time takes before the user sees the content

• FMP (First Meaningful Paint)
  The time takes before the user sees content that is actually meaningful.

• TTI (Time to Interactive)
  The time it takes before the content has finished loading and the UI can be interacted with.

Thanks for reading, I will complete this post gradually

ref:
https://www.linkedin.com/learning/developing-for-web-performance/what-is-web-performance-and-optimization

Comments

[Henri Helvetica]

Thx for the WebPageTest mention Hash. At WebPageTest, we certainly do provide some measurements when it comes to performance, but we also like to list it as great user experience. We think of it as going from a Nissan Leaf to a Tesla 3. Happy to show you some great features!