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