awesome-pagespeed-metrics
⚡Metrics to help understand page speed and user experience
https://github.com/csabapalfi/awesome-pagespeed-metrics
Last synced: 4 days ago
JSON representation
-
Rendering metrics
-
Speed Index
- Docs - Speed Index - WPT
- Docs - Speed Index - web.dev
- Talk - Speed Perception and Lighthouse
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - WPT
- Docs - Speed Index - web.dev
- Docs - Speed Index - WPT
-
First Contentful Paint (FCP)
-
Largest Contentful Paint (LCP)
-
Cumulative Layout Shift (CLS)
-
(Hero) Element Timing
-
Visually Complete
-
-
Concepts
-
Lab Data (Synthetic Measurements)
- Sitespeed.io - A set of open source performance monitoring tools.
- treo.sh - Web performance monitoring SaaS.
- AwesomeTechStack - Website awesomeness monitoring Tool.
- Calibre - Web performance monitoring SaaS.
- 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).
- WebpageTest - Free and hosted web performance testing (also an open source project).
-
Field Data (Real User Monitoring - RUM)
- Performance tracking with Google Analytics (GA)
- Chrome User Experience Report (CrUX)
- Load abandonment - Track `visibilitychange` 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.
- SpeedCurve LUX - Real User Monitoring SaaS.
- Chrome User Experience Report (CrUX)
- Performance tracking with Google Analytics (GA)
- Chrome User Experience Report (CrUX)
- Load abandonment - Track `visibilitychange` to account for survivorship bias.
- Sematext Experience - Real User Monitoring SaaS.
- Web Vitals - Open Source Library to collect Field Data.
- Vercel Analytics - Real User Monitoring based on Web Vitals.
-
Critical rendering path
-
Long tasks
-
User-centric metrics
-
-
Interactivity metrics
-
Time to Interactive (TTI)
-
Total Blocking Time (TBT)
-
First Input Delay (FID)
-
Max Potential First Input Delay
-
-
Network metrics
-
Max Potential First Input Delay
-
Transferred bytes
-
TCP and SSL/TLS latency
-
-
Other metrics
-
Google PageSpeed Insights score
-
Server Timing
-
Frame rate
-
DOMContentLoaded
-
window.load
-
User Timing
-
Programming Languages
Categories
Sub Categories
Speed Index
41
Field Data (Real User Monitoring - RUM)
15
Max Potential First Input Delay
6
Lab Data (Synthetic Measurements)
6
Transferred bytes
6
Time to Interactive (TTI)
5
(Hero) Element Timing
5
Google PageSpeed Insights score
4
Largest Contentful Paint (LCP)
4
window.load
3
Frame rate
3
First Contentful Paint (FCP)
3
First Input Delay (FID)
3
Cumulative Layout Shift (CLS)
3
User-centric metrics
2
DOMContentLoaded
2
Long tasks
2
Server Timing
2
Visually Complete
2
Critical rendering path
2
Total Blocking Time (TBT)
2
User Timing
1
TCP and SSL/TLS latency
1