sitespeedio/sitespeed.io
Sitespeed.io
sitespeed.io este un instrument de analiză a performanței web și un sistem de monitorizare conceput pentru a măsura viteza site-ului și Core Web Vitals folosind browsere reale. Acesta funcționează ca o suită de regresie a performanței și un monitor de performanță al browserului, permițând aplicarea bugetelor de performanță pentru a detecta și bloca regresiile de viteză.
Proiectul se distinge prin framework-ul său de testare pe dispozitive reale, care execută audituri de performanță pe hardware fizic Android și iOS prin conexiuni USB. Include un instrument specializat pentru generarea și compararea fișierelor HTTP Archive pentru a diagnostica blocajele de rețea, alături de integrarea pentru executarea auditurilor Lighthouse pentru a captura metrici de calitate și accesibilitate a paginii.
Sistemul acoperă o gamă largă de capabilități, inclusiv auditul sintetic al vitezei, analiza traficului de rețea și testarea continuă a performanței. Oferă instrumente de observabilitate pentru urmărirea consumului de energie al dispozitivului, estimarea impactului asupra mediului și exportul datelor de tip time-series către baze de date externe pentru monitorizarea tendințelor pe termen lung.
Testele pot fi gestionate printr-o interfață în linie de comandă sau un sistem de deployment bazat pe web, utilizând configurații drive-uite de JSON.
Features
- Browser Performance Collectors - Drives real browser instances to capture Core Web Vitals and network waterfalls for authentic analysis.
- Web Performance Metrics - Measures Core Web Vitals and generates network waterfalls to identify performance bottlenecks in web applications.
- Web Performance Monitoring - Tracks website speed and core web vitals over time using real browsers to detect regressions and trends.
- Performance Regression Analyzers - Compares current performance metrics against historical baselines to identify significant speed regressions.
- Web Performance Monitors - Ships a monitoring system that tracks web speed trends over time using time-series databases and scheduled tests.
- Mobile Device Bridges - Controls physical Android and iOS devices via USB to gather hardware-level power and browser metrics.
- Real Device Testing - Executes performance tests on physical mobile hardware via bridge tools and device-specific work queues.
- HAR File Analyzers - Processes HTTP Archive files to summarize network requests and calculate page load statistics.
- HAR File Exporters - Captures all network requests from a browser session and exports them as standardized HAR files.
- HAR File Processing - Converts raw network archive files into readable formats for detailed performance auditing.
- Performance Threshold Enforcement - Enforces performance budgets by failing tests in CI pipelines when metrics exceed predefined thresholds.
- Lighthouse Performance Scorers - Executes Google Lighthouse audits to capture Core Web Vitals and page quality scores.
- Client-Side Performance Isolation - Isolates client-side performance from server latency by recording and replaying website content through a local proxy.
- Metric-Based Regression Testing - Automates performance checks in CI pipelines to fail builds when metrics exceed defined speed budgets.
- Synthetic Performance Auditing - Generates detailed reports and network waterfalls using Lighthouse and real browsers to identify page optimization opportunities.
- Web Performance Regression Suites - Implements a continuous integration tool that enforces performance budgets to detect and block speed regressions.
- Web Performance Optimization Tools - Measures website speed and Core Web Vitals using real browsers and automated tests.
- Virtual Page Tracking - Monitors browser performance observers to track route changes in single-page applications as distinct page loads.
- Web Archive Importers - Supports loading web archive files via upload or URL for performance analysis.
- Time Series Export - Exports collected performance metrics to external time-series databases like Graphite for long-term monitoring.
- HAR File Analysis Tools - Provides a utility for generating, processing, and comparing HTTP Archive files to diagnose network bottlenecks.
- Network Traffic Analyzers - Processes and compares HAR files to analyze resource loading behavior and identify third party script bottlenecks.
- HAR Summarization - Converts detailed network archives into compact JSON summaries aggregating request counts and sizes.
- Performance Degradation Alerts - Sends notifications via communication tools when performance metrics drop below or exceed defined speed budgets.
- Trace Comparison - Provides side-by-side analysis of network archive files to detect performance regressions between different site versions.
- Performance Trend Analysis - Performs scheduled testing and exports metrics to time-series databases to track speed trends via dashboards.
- Frontend Performance Dashboards - Provides real-time dashboards to track frontend performance metrics and compare page speeds against competitors.
- Accessibility Auditing Tools - Includes automated scanners for detecting accessibility violations to ensure websites meet inclusivity standards.
- Viewport and User Agent Simulation - Configures specific viewports and user agents to emulate mobile devices and test responsive performance.
- Browser Performance Emulation - Simulates mobile device characteristics and CPU throttling on desktop browsers to approximate mobile user experience.
- Network Condition Simulation - Simulates various connectivity levels to replicate real-world browsing experiences on different network conditions.
- Network Latency Isolation - Records and replays website content through a local proxy to isolate front-end performance from server fluctuations.
- Performance Test Orchestration - Provides a web-based and CLI interface for triggering performance tests on a dedicated server.
- Soft Navigation Monitoring - Records single-page application route changes as separate pages by monitoring browser performance observers.
- Continuous Testing - Integrates with scheduling tools and pipelines to trigger automated performance tests and generate reports.
- User Journey Playback - Records and replays complex interaction sequences to verify specific functional paths and user flows.
- Visual Performance Recording - Records browser screen video to calculate visual-based performance metrics such as Speed Index.
- Request Impact Monitoring - Monitors the impact of external scripts and services on page load times and overall performance.
