Welcome to the wonderful world of Web Performance
Sitespeed.io is a set of Open Source tools that makes it easy to monitor and measure the performance of your web site.
Measuring performance shouldn’t be hard: you should be able to have full control of your metrics, own your own data and you should be able to do it without paying top dollars.
That’s why we created sitespeed.io.
Use our Docker container to get an environment with Firefox, Chrome, Edge, XVFB and sitespeed.io up and running as fast as you can download them. They work extremely well together with Graphite/InfluxDB and Grafana that you can use to monitor your web site.
docker run --rm -v "$(pwd):/sitespeed.io" sitespeedio/sitespeed.io:20.3.1 https://www.sitespeed.io/
If you want to test a user scenario/journey read how to run test scripts.
If you are new to the project you should watch the tutorial “Getting started with Sitespeed.io using Docker”.
Install sitespeed.io globally:
npm install -g sitespeed.io
Make sure you have the browser you want to use for testing installed (Firefox/Chrome/Edge/Safari) and then run:
sitespeed.io https://www.sitespeed.io/ -b chrome
Follow our connectivity guide to emulate real users connectivity.
Want to run the test on your Android phone?
sitespeed.io https://www.sitespeed.io/ -b chrome --android
Make sure to upgrade your Graphite metrics (if you didn’t do that already in April) before you upgrade to 20.0.0. Read the blog post to find out more.
What tool should I use?
If you want to measure the performance and are only interested in timing metrics, you should focus on using Browsertime. If you want it all: use sitespeed.io. It is the main tool that uses all sitespeed.io tools and add supports for testing multiple pages as well as adds the ability to report the metrics to a TSDB (Graphite and InfluxDB). Use it to monitor the performance of your web site.
Google Web Vitals
We probably have the best way of all performance tools to track and monitoring Google Web Vitals: First Contentful Paint, Largest Contentful Paint, Cumulative Layout Shift and Total Blocking Time / First Input Delay.
Go to the Google Web Vitals documentation to learn how track them all.
Monitor your site
Using sitespeed.io together with Grafana and Graphite enables you to monitor the performance of your web site. We have a prepared docker-compose file for your setup and some ready made generic Grafana dashboards that will make it easy for you to get it up and running. You can get it up and running in almost 5 minutes!
We have a version of the dashboard at dashboard.sitespeed.io where you can have look and try it out.
We’ve been using the dashboards for years and years and it works really good. Read the documentation on how to set it up and get going.
We believe in privacy
We take your privacy really serious: Our documentation site, our dashboard and our compare tool do not use any tracking software at all (no Google Analytics or any other tracking software). None of the sitespeed.io tools call home.
But beware: Chrome and Firefox can call home (we know for fact that they both do). We would love PRs and tips how to make sure browsers don’t call home when you run your tests.
Read more about how we do things.
What does it cost?
Sitespeed.io is Open Source and totally free. But what does it cost to have an instance of sitespeed.io up and running?
If you don’t run on your own servers, we recommend running on Digital Ocean optimized droplets 2 vCPUs or on AWS c5.large, storing the data at S3. On one instance you can run something like 80000+ runs per month for a total cost of $695 per year.
Sitespeed.io is built upon Open Source tools, we have a special place in our hearts for those projects (see the full list):