cowboyhq/speedlify

Benchmark cowboy.com (& e-bikes competition sites) over time

speedlify

After you make a fast web site, keep it fast by measuring it over time. Inspired (& forked) by Use Speedlify to Continuously Measure Site Performance y @zachleat.

• Requires Node 12+
• Modify _data/sites.js with your list of URLs.

Run locally

npm install
npm run test-pages
npm run start

Related

• The Eleventy Leaderboards are running on Speedlify
• speedlify.dev shows some sample categories
• Use the <speedlify-score> component to show your scores on your page. Read more at I added Lighthouse Scores to my Site’s Footer and You Can Too
• The Eleventy Starter Projects list shows Lighthouse scores from Speedlify. Read more at The Lighthouse Scores Will Continue Until Morale Improves.

Deploy to Netlify

Can run directly on Netlify (including your tests) and will save the results to a Netlify build cache (via Netlify Build Plugins, see plugins/keep-data-cache/).

After cloning you’ll probably want to delete the initial _data/sites/*.js files and create your own file with a list of your own site URLs!

Speedlify will also save your data to /results.zip so that you can download later. Though this has proved to be unnecessary so far, it does serve as a fallback backup mechanism in case the Netlify cache is lost. Just look up your previous build URL and download the data to restore.

• Run every day or week: You can set Speedlify to run at a specified interval using a Netlify Build Hook, read more on the Eleventy docs: Quick Tip #008—Trigger a Netlify Build Every Day with IFTTT.

Known Limitations

• If you change a URL to remove a redirect (to remove or add a www., moved domains, etc), you probably want to delete the old URL’s data otherwise you’ll have two entries in the results list.
• When running on Netlify, a single category has a max limit on the number of sites it can test, upper bound on how many tests it can complete in the 15 minute Netlify build limit.
• The same URL cannot be listed in two different categories (yet).

Speedlify will also save your data to /results.zip so that you can download later. This serves as a fallback backup mechanism in case your Netlify cache gets blown away. Just look up your previous build URL and download the data to restore.