awesome-pagespeed-metrics
Page Speed Metrics Library
A collection of metrics and tools to help measure page speed and user experience.
⚡Metrics to help understand page speed and user experience
677 stars
34 watching
27 forks
last commit: over 2 years agoLinked from 3 awesome lists
awesomeawesome-listmetricspage-speedperfmattersperformanceweb-performance
Awesome Page Speed Metrics / 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 | ||
Awesome Page Speed Metrics / 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 | 7,663 | almost 2 years ago | Open Source Library to collect Field Data |
| Vercel Analytics | Real User Monitoring based on Web Vitals | ||
Awesome Page Speed Metrics / Concepts / Critical rendering path | |||
| Critical rendering path | |||
Awesome Page Speed Metrics / Concepts / Long tasks | |||
| Spec - Long Tasks | |||
| Blogpost - Tracking CPU with Long Tasks API | |||
Awesome Page Speed Metrics / Concepts / User-centric metrics | |||
| Docs - User-centric Performance Metrics - web.dev | |||
| FCP | 677 | over 2 years ago | Is it happening? - Did the navigation start successfully? Has the server responded? (e.g ) |
| LCP | 677 | over 2 years ago | Is it useful/meaningful? - Has enough content rendered that users can engage with it? (e.g. ) |
| TBT | 677 | over 2 years ago | Is it usable - Can users interact with the page, or is it still busy loading? (e.g ) |
Awesome Page Speed Metrics / Rendering metrics / First Contentful Paint (FCP) | |||
| Docs - FCP - web.dev | |||
| Spec - Paint Timing - W3C | |||
Awesome Page Speed Metrics / Rendering metrics / Largest Contentful Paint (LCP) | |||
| Docs - LCP - web.dev | |||
| Spec - LCP - W3C | 89 | almost 2 years ago | |
Awesome Page Speed Metrics / Rendering metrics / Cumulative Layout Shift (CLS) | |||
| Docs - CLS - web.dev | |||
| Spec - Layout Instability API - W3C | 159 | over 2 years ago | |
Awesome Page Speed Metrics / Rendering metrics / Visually Complete | |||
| Docs - Visually Complete - WPT | |||
Awesome Page Speed Metrics / Rendering metrics / Speed Index | |||
| Docs - Speed Index - web.dev | |||
| Docs - Speed Index - WPT | |||
| Talk - Speed Perception and Lighthouse | |||
Awesome Page Speed Metrics / Rendering metrics / (Hero) Element Timing | |||
| Docs - Last Painted Hero - WPT | 3,085 | almost 2 years ago | |
| Spec - Element Timing API | |||
| Blogpost - Hero Element Timing - SpeedCurve | |||
Awesome Page Speed Metrics / Interactivity metrics / Time to Interactive (TTI) | |||
| Docs - TTI - web.dev | |||
| Spec - TTI - Lighthouse | |||
| Blogpost - TTI | |||
Awesome Page Speed Metrics / Interactivity metrics / Total Blocking Time (TBT) | |||
| Docs - TBT - web.dev | |||
Awesome Page Speed Metrics / Interactivity metrics / First Input Delay (FID) | |||
| Docs - FID - web.dev | |||
| Polyfill - FID | 349 | almost 6 years ago | |
Awesome Page Speed Metrics / Interactivity metrics / Max Potential First Input Delay | |||
| Docs - Max Potential FID - web.dev | |||
Awesome Page Speed Metrics / Network metrics | |||
| Blogpost - Navigation and Resource Timing | |||
| Spec - Navigation Timing | |||
| Spec - Resource Timing | |||
Awesome Page Speed Metrics / Network metrics / TCP and SSL/TLS latency | |||
| Qualys SSL Labs | Lab: See for an audit | ||
Awesome Page Speed Metrics / Network metrics / Transferred bytes | |||
| Sitespeed.io PageXray | |||
| Lighthouse Performance Budgets | |||
| Can You Afford It?: Real-world Web Performance Budgets | |||
| Which third party scripts are most excessive | 1,077 | almost 2 years ago | |
Awesome Page Speed Metrics / Other metrics / Google PageSpeed Insights score | |||
| About PageSpeed Insights | |||
| What's in the Google PageSpeed score | |||
| How Google Pagespeed works | |||
Awesome Page Speed Metrics / Other metrics / User Timing | |||
| Spec - User Timing | |||
Awesome Page Speed Metrics / Other metrics / Server Timing | |||
| Docs - Server Timing | |||
Awesome Page Speed Metrics / Other metrics / Frame rate | |||
| Docs - Frame Timing API | |||
| Docs - Chrome Devtools - FPS | |||
| Docs - Firefox Developer Tools - Frame rate | |||
Awesome Page Speed Metrics / Other metrics / DOMContentLoaded | |||
| Docs - DOMContentLoaded | |||
Awesome Page Speed Metrics / Other metrics / window.load | |||
| Docs - window.load | |||
sindresorhus/awesome
0ex/more-awesome
google-marketing-solutions/web-vitals-gtm-template
catchpoint/webpagetest.api-nodejs