Overview

Speedlify is a tool created by @zachleat that allows you to continuously measure and monitor the performance of your website over time. By keeping track of your site’s performance, you can ensure that it remains fast and optimized. This tool requires Node 12+ to run and utilizes the Eleventy framework. Speedlify allows you to compare multiple sites and provides Lighthouse scores to help you gauge the performance of your website.

Features

• Continuous measurement of site performance over time
• Allows comparison of multiple sites
• Provides Lighthouse scores for performance evaluation
• Can be run locally or deployed on Netlify
• Allows customization of site URLs and categories

Installation

1. Ensure that you have Node 12+ installed on your system.
2. Clone the Speedlify repository to your local machine.
3. Delete the initial \_data/sites/\*.js files and create your own file with a list of your site URLs.
4. Customizable categories can be defined in each \_data/sites/\*.js file.
5. To run locally, use the command npm run start in the terminal.
6. To deploy on Netlify, create a Netlify build hook and set it to run at a specified interval.
7. It is recommended to periodically delete old URL data to avoid duplicated entries.
8. For more advanced performance monitoring, consider using tools like SpeedCurve, Calibre, or DebugBear.

Summary

Speedlify is a valuable tool for website owners and developers who want to monitor and improve the performance of their sites over time. By continuously measuring and comparing site performance, Speedlify provides insights into optimization opportunities and helps ensure that websites remain fast and efficient. With its integration with Lighthouse scores and compatibility with both local and Netlify deployments, Speedlify offers a convenient and versatile solution for performance monitoring. While it serves as a stepping stone to more robust performance monitoring solutions, it provides a solid foundation for understanding and maintaining website performance.