jaeswift-website/api/data/awesomelist/csabapalfi--awesome-pagespeed-metrics.json

{"slug": "csabapalfi--awesome-pagespeed-metrics", "title": "Pagespeed Metrics", "description": "\u26a1Metrics to help understand page speed and user experience", "github_url": "https://github.com/csabapalfi/awesome-pagespeed-metrics", "stars": "656", "tag": "Front-End Development", "entry_count": 63, "subcategory_count": 26, "subcategories": [{"name": "General", "parent": "", "entries": [{"name": "Concepts", "url": "#concepts", "description": ""}, {"name": "Rendering metrics", "url": "#rendering-metrics", "description": ""}, {"name": "Interactivity metrics", "url": "#interactivity-metrics", "description": ""}, {"name": "Network metrics", "url": "#network-metrics", "description": ""}, {"name": "Other metrics", "url": "#other-metrics", "description": ""}]}, {"name": "Lab Data (Synthetic Measurements)", "parent": "Concepts", "entries": [{"name": "Lighthouse", "url": "https://developers.google.com/web/tools/lighthouse/", "description": "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)."}, {"name": "Google PageSpeed Insights", "url": "https://developers.google.com/speed/pagespeed/insights/", "description": "Free and hosted Lighthouse reporting (and more) by Google."}, {"name": "WebpageTest", "url": "https://www.webpagetest.org/", "description": "Free and hosted web performance testing (also an open source project)."}, {"name": "Sitespeed.io", "url": "https://www.sitespeed.io/", "description": "A set of open source performance monitoring tools."}, {"name": "Calibre", "url": "https://calibreapp.com", "description": "Web performance monitoring SaaS."}, {"name": "treo.sh", "url": "https://treo.sh/", "description": "Web performance monitoring SaaS."}, {"name": "SpeedCurve", "url": "https://speedcurve.com/", "description": "Web performance monitoring SaaS."}, {"name": "AwesomeTechStack", "url": "https://awesometechstack.com/", "description": "Website awesomeness monitoring Tool."}]}, {"name": "Field Data (Real User Monitoring - RUM)", "parent": "Concepts", "entries": [{"name": "Performance tracking with Google Analytics (GA)", "url": "https://philipwalton.com/articles/the-google-analytics-setup-i-use-on-every-site-i-build/#performance-tracking", "description": ""}, {"name": "Chrome User Experience Report (CrUX)", "url": "https://developers.google.com/web/tools/chrome-user-experience-report/", "description": ""}, {"name": "Load abandonment", "url": "https://developers.google.com/web/updates/2017/06/user-centric-performance-metrics#load_abandonment", "description": "Track  `visibilitychange` to account for survivorship bias."}, {"name": "SpeedCurve LUX", "url": "https://speedcurve.com/features/lux/", "description": "Real User Monitoring SaaS."}, {"name": "Akamai mPulse", "url": "https://www.akamai.com/uk/en/products/performance/mpulse-real-user-monitoring.jsp", "description": "Real User Monitoring SaaS."}, {"name": "Sematext Experience", "url": "https://sematext.com/experience/", "description": "Real User Monitoring SaaS."}, {"name": "Perfume.js", "url": "https://zizzamia.github.io/perfume/", "description": "Open Source Library to collect Field Data."}, {"name": "Web Vitals", "url": "https://github.com/GoogleChrome/web-vitals", "description": "Open Source Library to collect Field Data.", "stars": "6.7k"}, {"name": "Vercel Analytics", "url": "https://vercel.com/docs/analytics", "description": "Real User Monitoring based on Web Vitals."}]}, {"name": "Critical rendering path", "parent": "Concepts", "entries": [{"name": "Critical rendering path", "url": "https://developers.google.com/web/fundamentals/performance/critical-rendering-path/", "description": ""}]}, {"name": "Long tasks", "parent": "Concepts", "entries": [{"name": "Spec - Long Tasks", "url": "https://w3c.github.io/longtasks/", "description": ""}, {"name": "Blogpost - Tracking CPU with Long Tasks API", "url": "https://calendar.perfplanet.com/2017/tracking-cpu-with-long-tasks-api/", "description": ""}]}, {"name": "User-centric metrics", "parent": "Concepts", "entries": [{"name": "Docs - User-centric Performance Metrics - web.dev", "url": "https://web.dev/user-centric-performance-metrics/", "description": ""}]}, {"name": "First Contentful Paint (FCP)", "parent": "Rendering metrics", "entries": [{"name": "Docs - FCP - web.dev", "url": "https://web.dev/fcp/", "description": ""}, {"name": "Spec - Paint Timing - W3C", "url": "https://w3c.github.io/paint-timing/", "description": ""}]}, {"name": "Largest Contentful Paint (LCP)", "parent": "Rendering metrics", "entries": [{"name": "Docs - LCP - web.dev", "url": "https://web.dev/largest-contentful-paint/", "description": ""}, {"name": "Spec - LCP - W3C", "url": "https://github.com/WICG/largest-contentful-paint#readme", "description": "", "stars": "87"}]}, {"name": "Cumulative Layout Shift (CLS)", "parent": "Rendering metrics", "entries": [{"name": "Docs - CLS - web.dev", "url": "https://web.dev/cls/", "description": ""}, {"name": "Spec - Layout Instability API - W3C", "url": "https://github.com/WICG/layout-instability", "description": "", "stars": "155"}]}, {"name": "Visually Complete", "parent": "Rendering metrics", "entries": [{"name": "Docs - Visually Complete - WPT", "url": "https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index", "description": ""}]}, {"name": "Speed Index", "parent": "Rendering metrics", "entries": [{"name": "Docs - Speed Index - web.dev", "url": "https://web.dev/speed-index/", "description": ""}, {"name": "Docs - Speed Index - WPT", "url": "https://sites.google.com/a/webpagetest.org/docs/using-webpagetest/metrics/speed-index", "description": ""}, {"name": "Talk - Speed Perception and Lighthouse", "url": "https://ldnwebperf.org/sessions/speed-perception-and-lighthouse/", "description": ""}]}, {"name": "(Hero) Element Timing", "parent": "Rendering metrics", "entries": [{"name": "Docs - Last Painted Hero - WPT", "url": "https://github.com/WPO-Foundation/webpagetest/blob/master/docs/Metrics/HeroElements.md", "description": "", "stars": "3k"}, {"name": "Spec - Element Timing API", "url": "https://wicg.github.io/element-timing/", "description": ""}, {"name": "Blogpost - Hero Element Timing - SpeedCurve", "url": "https://speedcurve.com/blog/web-performance-monitoring-hero-times/", "description": ""}]}, {"name": "Time to Interactive (TTI)", "parent": "Interactivity metrics", "entries": [{"name": "Docs - TTI - web.dev", "url": "https://web.dev/tti/", "description": ""}, {"name": "Spec - TTI - Lighthouse", "url": "https://docs.google.com/document/d/1GGiI9-7KeY3TPqS3YT271upUVimo-XiL5mwWorDUD4c/edit", "description": ""}, {"name": "Blogpost - TTI", "url": "https://blog.dareboost.com/en/2019/05/measuring-interactivity-time-to-interactive/", "description": ""}]}, {"name": "Total Blocking Time (TBT)", "parent": "Interactivity metrics", "entries": [{"name": "Docs - TBT - web.dev", "url": "https://web.dev/tbt/", "description": ""}]}, {"name": "First Input Delay (FID)", "parent": "Interactivity metrics", "entries": [{"name": "Docs - FID - web.dev", "url": "https://web.dev/fid/", "description": ""}, {"name": "Polyfill - FID", "url": "https://github.com/GoogleChromeLabs/first-input-delay", "description": "", "stars": "349"}]}, {"name": "Max Potential First Input Delay", "parent": "Interactivity metrics", "entries": [{"name": "Docs - Max Potential FID - web.dev", "url": "https://web.dev/lighthouse-max-potential-fid/", "description": ""}, {"name": "Blogpost - Navigation and Resource Timing", "url": "https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/", "description": ""}, {"name": "Spec - Navigation Timing", "url": "https://www.w3.org/TR/navigation-timing-2/", "description": ""}, {"name": "Spec - Resource Timing", "url": "https://www.w3.org/TR/resource-timing-2/", "description": ""}]}, {"name": "DNS latency", "parent": "Network metrics", "entries": []}, {"name": "TCP and SSL/TLS latency", "parent": "Network metrics", "entries": []}, {"name": "Time to First Byte (TTFB)", "parent": "Network metrics", "entries": []}, {"name": "Transferred bytes", "parent": "Network metrics", "entries": [{"name": "Sitespeed.io PageXray", "url": "https://www.sitespeed.io/documentation/pagexray/", "description": ""}, {"name": "Lighthouse Performance Budgets", "url": "https://developers.google.com/web/tools/lighthouse/audits/budgets", "description": ""}, {"name": "Can You Afford It?: Real-world Web Performance Budgets", "url": "https://infrequently.org/2017/10/can-you-afford-it-real-world-web-performance-budgets/", "description": ""}, {"name": "Which third party scripts are most excessive", "url": "https://github.com/patrickhulce/third-party-web", "description": "", "stars": "1k"}]}, {"name": "Google PageSpeed Insights score", "parent": "Other metrics", "entries": [{"name": "About PageSpeed Insights", "url": "https://developers.google.com/speed/docs/insights/v5/about", "description": ""}, {"name": "What's in the Google PageSpeed score", "url": "https://medium.com/expedia-group-tech/whats-in-the-google-pagespeed-score-a5fc93f91e91", "description": ""}, {"name": "How Google Pagespeed works", "url": "https://calibreapp.com/blog/how-pagespeed-works/", "description": ""}]}, {"name": "User Timing", "parent": "Other metrics", "entries": [{"name": "Spec - User Timing", "url": "https://www.w3.org/TR/user-timing/", "description": ""}]}, {"name": "Server Timing", "parent": "Other metrics", "entries": [{"name": "Docs - Server Timing", "url": "https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Server-Timing", "description": ""}]}, {"name": "Frame rate", "parent": "Other metrics", "entries": [{"name": "Docs - Frame Timing API", "url": "https://developer.mozilla.org/en-US/docs/Web/API/Frame_Timing_API", "description": ""}, {"name": "Docs - Chrome Devtools - FPS", "url": "https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/#analyze_frames_per_second", "description": ""}, {"name": "Docs - Firefox Developer Tools - Frame rate", "url": "https://developer.mozilla.org/en-US/docs/Tools/Performance/Frame_rate", "description": ""}]}, {"name": "DOMContentLoaded", "parent": "Other metrics", "entries": [{"name": "Docs - `DOMContentLoaded`", "url": "https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded", "description": ""}]}, {"name": "window\\.load", "parent": "Other metrics", "entries": [{"name": "Docs - `window.load`", "url": "https://developer.mozilla.org/en-US/docs/Web/Events/load", "description": ""}]}], "name": ""}