awesome-pagespeed-metrics

awesome listpushed over 2 years ago

⚡Metrics to help understand page speed and user experience

AI summary

Page Speed Metrics Library

A collection of metrics and tools to help measure page speed and user experience.

stars: 677
forks: 27
watching: 34
awesome lists: 3
entries: 62

What's in the list

62 links in 24 sections, with live GitHub stats.activeno commit in 2y

Concepts / Lab Data (Synthetic Measurements)

Lighthouse
A tool built on Google Chrome to audit web pages. You can run it from Chrome DevTools, a Chrome Extension or from the command line (even with headless Chrome)
Google PageSpeed Insights
Free and hosted Lighthouse reporting (and more) by Google
WebpageTest
Free and hosted web performance testing (also an open source project)
Sitespeed.io
A set of open source performance monitoring tools
Calibre
Web performance monitoring SaaS
treo.sh
Web performance monitoring SaaS
SpeedCurve
Web performance monitoring SaaS
AwesomeTechStack
Website awesomeness monitoring Tool

Concepts / Field Data (Real User Monitoring - RUM)

Performance tracking with Google Analytics (GA)
Chrome User Experience Report (CrUX)
Load abandonment
Track to account for survivorship bias
SpeedCurve LUX
Real User Monitoring SaaS
Akamai mPulse
Real User Monitoring SaaS
Sematext Experience
Real User Monitoring SaaS
Perfume.js
Open Source Library to collect Field Data
Web Vitals
Open Source Library to collect Field Data
7.7Kalmost 2 years
Vercel Analytics
Real User Monitoring based on Web Vitals

Concepts / Critical rendering path

Critical rendering path

Concepts / Long tasks

Concepts / User-centric metrics

Docs - User-centric Performance Metrics - web.dev
FCP
Is it happening? - Did the navigation start successfully? Has the server responded? (e.g )
677over 2 years
LCP
Is it useful/meaningful? - Has enough content rendered that users can engage with it? (e.g. )
677over 2 years
TBT
Is it usable - Can users interact with the page, or is it still busy loading? (e.g )
677over 2 years

Rendering metrics / First Contentful Paint (FCP)

Rendering metrics / Largest Contentful Paint (LCP)

Docs - LCP - web.dev
Spec - LCP - W3C
89almost 2 years

Rendering metrics / Cumulative Layout Shift (CLS)

Docs - CLS - web.dev
Spec - Layout Instability API - W3C
159over 2 years

Rendering metrics / Visually Complete

Docs - Visually Complete - WPT

Rendering metrics / Speed Index

Rendering metrics / (Hero) Element Timing

Docs - Last Painted Hero - WPT
3.1Kalmost 2 years
Spec - Element Timing API
Blogpost - Hero Element Timing - SpeedCurve

Interactivity metrics / Time to Interactive (TTI)

Interactivity metrics / Total Blocking Time (TBT)

Docs - TBT - web.dev

Interactivity metrics / First Input Delay (FID)

Docs - FID - web.dev
Polyfill - FID
349almost 6 years

Interactivity metrics / Max Potential First Input Delay

Docs - Max Potential FID - web.dev

Network metrics

Network metrics / TCP and SSL/TLS latency

Qualys SSL Labs
Lab: See for an audit

Network metrics / Transferred bytes

Other metrics / Google PageSpeed Insights score

Other metrics / User Timing

Spec - User Timing

Other metrics / Server Timing

Docs - Server Timing

Other metrics / Frame rate

Other metrics / DOMContentLoaded

Docs - DOMContentLoaded

Other metrics / window.load

Docs - window.load

Featured in 3 awesome lists

Each link jumps to the spot where the list mentions awesome-pagespeed-metrics.

More related projects