Zurück zum Ranking

sitespeedio/sitespeed.io

JavaScriptsitespeed.io

sitespeed.io is an open-source tool for comprehensive web performance analysis, enabling you to test, monitor, and optimize your website’s speed using real browsers in various environments.

webmetricsmonitoringwebperfperfmattersperformance-metricsperformance-analysisperformance-dashboardsitespeed
Sterne-Wachstum
Sterne
5k
Forks
627
Wochenwachstum
Issues
135
2k4k
Okt. 2012Mai 2017Dez. 2021Juli 2026
Artefaktenpmnpm install sitespeed.io
README

sitespeed.io

Unit tests Linux browsers Docker Docker security scan Windows Edge OSX Safari Test upload functionality Downloads Docker Stars npm Changelog #212

Website | Documentation | Changelog | Bluesky | Mastodon

Table of Contents

What is sitespeed.io?

sitespeed.io is an Open Source web performance tool. Run it once to debug a slow page and you get an HTML report with Core Web Vitals, a video of the page loading, the HAR waterfall and the Coach's advice on how to fix what's slow. Run it every hour against your site, ship the metrics to Graphite or InfluxDB, and you have a Grafana dashboard tracking your site's performance over time.

It's been around since 2012, it's free, you own all your data, and there's nothing to sign up for.

sitespeed.io drives a real browser — Firefox, Chrome, Edge, or Safari (including Safari on a real iPhone over USB) — to load your page, then collects:

  • Core Web Vitals — LCP, INP, CLS, TTFB and FCP, scored against Google's p75 thresholds.
  • A video and visual metrics — First Visual Change, Speed Index, Last Visual Change, plus a scrubable filmstrip.
  • The HAR waterfall — rendered with waterfall-tools.
  • The Coach's advice — a checklist of best-practice rules with severity, scores and concrete fixes.
  • CPU and long-task analysis — what the main thread was doing during the load.

Three common ways to use it:

  • Audit a page from your terminal. Run sitespeed.io https://example.com, open the HTML report, see what's slow.
  • CI regression testing. Run on every PR, fail the build if a budget is exceeded.
  • Production monitoring. Run on a schedule, ship metrics to Graphite or InfluxDB, watch your site over time in Grafana.

Documentation

The full guide lives at sitespeed.io/documentation — installation, configuration, scripting, monitoring, and a walkthrough of every metric we collect.

Installation

Docker

Easiest way to run sitespeed.io — the Docker image ships with Firefox, Chrome, Edge and the dependencies you need:

docker run --rm -v "$(pwd)":/sitespeed.io sitespeedio/sitespeed.io https://www.sitespeed.io/

The -v flag mounts the current directory so the test results land somewhere you can find them.

NodeJS

If you'd rather install via npm:

npm i -g sitespeed.io

Then test a URL:

sitespeed.io https://www.example.com

You'll need a browser installed locally (Firefox / Chrome / Edge / Safari), plus FFmpeg and Python if you want video and visual metrics. See the installation guide for the full list.

Usage

Basic usage

Pass a URL and sitespeed.io will load it. Add -n 5 to run five iterations and report the median (recommended for any real measurement — single runs are noisy):

sitespeed.io https://www.example.com --browser chrome -n 5

Advanced configuration

Lots of flags. --help shows them all:

sitespeed.io --help

See the configuration documentation for the long form.

Mobile testing

Real Android phones over USB:

sitespeed.io https://www.example.com --android

Real iPhones over USB (new in 40.0):

sitespeed.io https://www.example.com -b safari --safari.ios

Setup guides: Android, iOS.

Examples

Summary report

The redesigned summary tab

Per-URL report

The redesigned metrics tab

Continuous monitoring in Grafana

Live setup at dashboard.sitespeed.io — sitespeed.io feeding Graphite, visualised with Grafana.

Graphite/Grafana Metrics

Trends over time:

Grafana Trends

Video

Video of the page loading, captured with --video --visualMetrics:

Video Analysis

Contributing

We'd love your help — code, docs, design, bug reports, or just letting us know what's missing. Open an issue first if you want to discuss, then fork, branch and submit a PR. The full guide is in CONTRIBUTING.md.

Reporting issues

Bugs and feature requests go on GitHub Issues. Search first to avoid duplicates.

Community

License

The MIT License (MIT).

Ähnliche Repositories
donnemartin/system-design-primer

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

PythonPyPIOtherprogrammingdevelopment
358.7k57.3k
flutter/flutter

Flutter makes it easy and fast to build beautiful apps for mobile and beyond

DartBSD 3-Clause "New" or "Revised" Licensemobileandroid
flutter.dev
177.9k30.7k
AUTOMATIC1111/stable-diffusion-webui

Stable Diffusion web UI

PythonPyPIGNU Affero General Public License v3.0deep-learningdiffusion
164.3k30.4k
fastapi/fastapi

FastAPI framework, high performance, easy to learn, fast to code, ready for production

PythonPyPIMIT Licensepythonjson
fastapi.tiangolo.com
100.8k9.7k
angular/angular

Deliver web apps with confidence 🚀

TypeScriptnpmMIT Licenseangulartypescript
angular.dev
100.6k27.5k
puppeteer/puppeteer

JavaScript API for Chrome and Firefox

TypeScriptnpmApache License 2.0headless-chrometesting
pptr.dev
95.3k9.5k
microsoft/playwright

Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.

TypeScriptnpmApache License 2.0playwrighttesting
playwright.dev
93.2k6.1k
django/django

The Web framework for perfectionists with deadlines.

PythonPyPIBSD 3-Clause "New" or "Revised" Licensepythondjango
djangoproject.com
88.2k34.1k
webpack/webpack

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

JavaScriptnpmMIT Licensewebpackjavascript
webpack.js.org
65.8k9.4k
appwrite/appwrite

Appwrite® - complete cloud infrastructure for your web, mobile and AI apps. Including Auth, Databases, Storage, Functions, Messaging, Hosting, Realtime and more

TypeScriptnpmBSD 3-Clause "New" or "Revised" Licenseappwritedocker
appwrite.io
56.6k5.6k
google/material-design-icons

Material Design icons by Google (Material Symbols)

Apache License 2.0materialmaterial-design
google.github.io/material-design-icons/
53.6k9.7k
twentyhq/twenty

The open alternative to Salesforce, designed for AI.

TypeScriptnpmOthercrmcustomer
twenty.com
53.4k8.1k