Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

awesome-pagespeed-metrics

⚡Metrics to help understand page speed and user experience
https://github.com/csabapalfi/awesome-pagespeed-metrics

Last synced: 3 days ago
JSON representation

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.
  - Google PageSpeed Insights - Free and hosted Lighthouse reporting (and more) by Google.
  - 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).
- 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.
  - Vercel Analytics - Real User Monitoring based on Web Vitals.
  - SpeedCurve LUX - Real User Monitoring SaaS.
  - Chrome User Experience Report (CrUX)
  - Web Vitals - Open Source Library to collect Field Data.
- Critical rendering path
  - Critical rendering path
- Long tasks
  - Blogpost - Tracking CPU with Long Tasks API
  - Spec - Long Tasks
- User-centric metrics
Rendering metrics
- First Contentful Paint (FCP)
  - Docs - FCP - web.dev
  - Spec - Paint Timing - W3C
- Largest Contentful Paint (LCP)
  - Docs - LCP - web.dev
  - Spec - LCP - W3C
- Cumulative Layout Shift (CLS)
  - Docs - CLS - web.dev
  - Spec - Layout Instability API - W3C
- Speed Index
- (Hero) Element Timing
Interactivity metrics
- Time to Interactive (TTI)
- Total Blocking Time (TBT)
  - Docs - TBT - web.dev
- First Input Delay (FID)
  - Docs - FID - web.dev
  - Polyfill - FID
- Max Potential First Input Delay
  - Docs - Max Potential FID - web.dev
Network metrics
- Max Potential First Input Delay
- TCP and SSL/TLS latency
  - Qualys SSL Labs
- Transferred bytes
Other metrics
- Google PageSpeed Insights score
- User Timing
  - Spec - User Timing
- Server Timing
  - Docs - Server Timing
- Frame rate
- DOMContentLoaded
  - Docs - `DOMContentLoaded`
- window.load
  - Docs - `window.load`

Programming Languages

Bikeshed 4 JavaScript 3 Makefile 1

Categories

Concepts 27 Rendering metrics 13 Other metrics 10 Network metrics 8 Interactivity metrics 8 License 3

Sub Categories

Field Data (Real User Monitoring - RUM) 11 Lab Data (Synthetic Measurements) 10 Max Potential First Input Delay 4 Time to Interactive (TTI) 4 window.load 4 Transferred bytes 4 Speed Index 4 User-centric metrics 3 Google PageSpeed Insights score 3 Frame rate 3 (Hero) Element Timing 3 Largest Contentful Paint (LCP) 2 Long tasks 2 Cumulative Layout Shift (CLS) 2 First Input Delay (FID) 2 First Contentful Paint (FCP) 2 Server Timing 1 DOMContentLoaded 1 User Timing 1 Critical rendering path 1 TCP and SSL/TLS latency 1 Total Blocking Time (TBT) 1

Keywords

web 1 third-party-javascript 1 javascript 1 httparchive 1 analysis 1 webapp 1 specification 1 performance 1