$ show zachleat/speedlify
Speedlify is a web application for continuous performance monitoring of websites. It uses Eleventy as a static site generator to display historical Lighthouse scores, Core Web Vitals, and page weight metrics for specified URLs. The system runs automated tests via the performance-leaderboard package (which wraps Lighthouse/Puppeteer), stores results as JSON files, and generates trend visualizations using sparklines and charts. Key architectural elements include: data configuration in _data/sites/, test execution in run-tests.js, result storage in _data/results/, and Eleventy templates for presentation. The application is designed for Netlify deployment with caching to preserve test results between builds.
The LLM identified 3 files worth highlighting for reuse:
Generates SVG sparklines from numerical data arrays with support for gradients, custom axis formatting, and time series labels. Self-contained pure function with no external dependencies, making it easily reusable in any project needing simple trend visualization. Demonstrates skill in SVG path generation, gradient handling, and edge case management (single data point duplication).
Implements a custom web component (is-land) for conditional hydration based on visibility, idle state, user interaction, media queries, or save-data settings. Manages fallback content and supports various hydration strategies. Fully self-contained using only browser APIs with no project-specific dependencies. Shows advanced web component patterns including parent synchronization, fallback preservation, and multiple condition handling.
Calculates count, mean, or median for arrays of objects with support for multiple keys and value threshold filtering. Generic utility function operating solely on passed-in parameters with no internal dependencies. Handles edge cases like non-numeric values and empty arrays. Demonstrates clean implementation of statistical operations with flexible input handling.