onlinetest

KO | EN

gitlite — search

#javascript #ai #typescript #android #rust #nodejs #macos #windows #awesome #cli #awesome-list #vue #ios #openai

(★ 36)

Deploy your own version of sitespeed.io online.

onlinetest Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Lint](https://github.com/sitespeedio/onlinetest/actions/workflows/lint.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/lint.yml)
[![API (Node.js)](https://github.com/sitespeedio/onlinetest/actions/workflows/api.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/api.yml)
[![GUI URL (Node.js)](https://github.com/sitespeedio/onlinetest/actions/workflows/nodejs-gui.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/nodejs-gui.yml)
[![GUI Scripting (Node.js)](https://github.com/sitespeedio/onlinetest/actions/workflows/nodejs-gui-scripting-.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/nodejs-gui-scripting-.yml)
[![API (Docker)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-api-local-linux.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-api-local-linux.yml)
[![GUI URL (Docker)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-gui.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-gui.yml)
[![GUI Scripting (Docker)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-gui-scripting.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker-gui-scripting.yml)
[![Docker Testrunner](https://github.com/sitespeedio/onlinetest/actions/workflows/docker.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/docker.yml)
[![Production Deploy](https://github.com/sitespeedio/onlinetest/actions/workflows/deploy-production.yml/badge.svg)](https://github.com/sitespeedio/onlinetest/actions/workflows/deploy-production.yml)

[Website](https://www.sitespeed.io/) | [Documentation](https://www.sitespeed.io/documentation/onlinetest/) | [Changelog](https://github.com/sitespeedio/onlinetest/blob/main/CHANGELOG.md)

# Onlinetest (sometimes referred to as **One Piece**) - deploy your own version of sitespeed.io online.

Setup your own online version of sitespeed.io. You get:

* **A server with GUI and API**:
   - Add tests using a HTML frontend (you can style the frontend using your own CSS)
   ![Start screen](https://raw.githubusercontent.com/sitespeedio/onlinetest/refs/heads/main/img/startscreen.png)
   - Add tests using [the command line](https://www.sitespeed.io/documentation/onlinetest/#using-the-api) (using `sitespeed.io --api.hostname my.host.com --api.location default https://www.sitespeed.io`)

* **Test Runners**:
   - Run your tests on different platforms: desktop, emulated mobile and Android.

* **Search Functionality**:
   - Easily find the results of your tests.
      ![Search screen](https://raw.githubusercontent.com/sitespeedio/onlinetest/refs/heads/main/img/search.png)

## Quick setup on your local machine (using Docker)

Follow these steps to quickly set up and run the online version of sitespeed.io on your local Linux or Mac OS machine. Make sure you have [Docker](https://www.docker.com) and [docker compose](https://docs.docker.com/compose/) installed. The default Docker compose setup use the same Docker network and have only the ports open that is needed.

1. **Clone the repository:**

```bash
    git clone https://github.com/sitespeedio/onlinetest.git
    ```

2. **Navigate to the project directory:**

```bash
    cd onlinetest
    ```
3. **Copy the example environment file:**
    ```bash
    cp .env.example .env
    ```

4. **Start the Docker containers (Redis/PostgreSQL/MinIO/sitespeed.io server and testrunner) on the same server:**

```bash
    docker compose -f docker-compose.dependencies.yml -f docker-compose.server.yml -f docker-compose.testrunner.yml up
    ```

Now you can open your web browser and navigate to [http://127.0.0.1:3000](http://127.0.0.1:3000) to run your first test.

If you are on Linux you need to run `sudo modprobe ifb numifbs=1` to be able to set different connectivities inside of Docker. On Mac you can only run native connectivity when you run inside of Docker.

To deploy on a server you should check the [production setup](deploy/PRODUCTION.md).

## Using the API (CLI)

You can use your existing sitespeed.io installation to add tests to the server via the command line. This is useful for integrating with CI/CD pipelines or scripting test runs.

```bash
# Run a desktop test
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType desktop https://www.sitespeed.io

# Run with Firefox and 5 iterations
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType desktop -b firefox -n 5 https://www.sitespeed.io

# Emulated mobile test
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType emulatedMobile https://www.sitespeed.io

# Add a label to identify your test
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType desktop --api.label "Before release" https://www.sitespeed.io

# With an API key (when the server has api.key configured)
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType desktop --api.key YOUR_SECRET_KEY https://www.sitespeed.io

# Set priority (1 = highest, default is 10)
sitespeed.io --api.hostname http://127.0.0.1:3000 --api.location default --api.testType desktop --api.priority 1 https://www.sitespeed.io
```

The required parameters are:
* `--api.hostname` — the URL of your server
* `--api.location` — the testrunner location name (e.g. `default`)
* `--api.testType` — one of `desktop`, `emulatedMobile`, or `android`

You can pass any normal sitespeed.io flags (like `-b`, `-n`, `--slug`, `--browsertime.*`, etc.) and they will be forwarded to the test runner.

### API endpoints

The server exposes a REST API that the CLI uses under the hood. You can also call it directly:

| Method | Endpoint | Description |
|--------|----------|-------------|
| GET | `/api/` | API version info |
| GET | `/api/testRunners` | List available test runners and their configurations |
| GET | `/api/status/:testId` | Get test status (`waiting`, `active`, `completed`, or `failed`) |
| GET | `/api/har/:testId` | Get the HAR file for a completed test |
| POST | `/api/add` | Add a new test (used by the sitespeed.io CLI) |

## Configuration

The **[.env.example](https://github.com/sitespeedio/onlinetest/blob/main/.env.example)** has the configuration that you usually need to change/configure between different environments. If you use the .env file, it will automatically be picked up.

You can configure everything that you are used to configure with sitespeed.io + more. The server and the testrunner takes `--config /path/to/file`. Default [server configuration](https://github.com/sitespeedio/onlinetest/blob/main/server/config/server.yaml) and [testrunner configuration](https://github.com/sitespeedio/onlinetest/blob/main/testrunner/config/testrunner.yaml).

### Change which pages/URLs you can test
There's a regular expression that validates the domain of the URL that you want to test. You can use this to make sure a public instance only can tests pages on your web sites.

```VALID_TEST_DOMAINS=".*"```

### Update sitespeed.io version
By default latest major release of sitespeed.io is configured, it looks like this in the **.env** file:
`SITESPEED_IO_CONTAINER="sitespeedio/sitespeed.io:42"`

When 42 is released you just switch to:
`SITESPEED_IO_CONTAINER="sitespeedio/sitespeed.io:43"`

To get latest version of 42 you need to periodically pull down the version:
```docker pull sitespeedio/sitespeed.io:42```

If you want to run a specific version, you can pin the version to a specific version:
`SITESPEED_IO_CONTAINER="sitespeedio/sitespeed.io:42.0.0"`

#### Access the result
Running on your own machine the result is served from localhost. If you deploy on a server you want to change that:

```RESULT_BASE_URL="http://127.0.0.1:9000/sitespeedio"```

By default the result is served by [MinIO](https://min.io) on port 9000. If you serve the result on the URL `https://sitespeed.domain.com` you change your result base to: ```RESULT_BASE_URL="https://sitespeed.domain.com/sitespeedio"```

#### Update server and testrunner
You can configure which version of the server and the testrunner you want to use. You can either use latest stable version or specify a specific tag. In the *.env* file you configure which Docker tag to use.

```
SITESPEED_IO_SERVER_VERSION=3
SITESPEED_IO_TESTRUNNER_VERSION=3
```

### Secure the API with a key
You can and should require an API key for all tests submitted via the CLI/API. In your server configuration file add:

```yaml
api:
  key: YOUR_SECRET_KEY
```

Then pass the key when adding tests: `--api.key YOUR_SECRET_KEY`.

### Localization
The GUI is available in multiple languages. Set the locale in your `.env` file:

```LOCALIZATION_LOCALE=en```

Available locales: `ar`, `bn`, `de`, `en`, `es`, `fr`, `hi`, `pt`, `ru`, `ur`, `zh-CN`.

### Customization
You can customize the look and feel of the GUI and enable/disable features in the [server configuration](https://github.com/sitespeedio/onlinetest/blob/main/server/config/server.yaml):

* **Custom CSS** — override the default styles with your own CSS file
* **Custom logo** — replace the default logo
* **Disable GUI** — set `disableGUI: true` to run in API-only mode
* **Disable search** — set `disableSearchGUI: true`
* **Basic auth** — protect the GUI with a login/password
* **Lighthouse** — enable the Lighthouse integration with `html.useLighthouse: true` - also need the +1 container

See the [full documentation](https://www.sitespeed.io/documentation/onlinetest/) for details on each option.

### Admin panel
The admin panel is available at `/admin/` and lets you view queue sizes and empty queues. It is protected by its own basic auth, configured in `.env`:

```
ADMIN_BASICAUTH_LOGIN=admin
ADMIN_BASICAUTH_PASSWORD=CHANGE_ME_ADMIN_PASSWORD
```

### Multiple locations
You can run test runners on different machines, each with a unique `location.name` in the [testrunner configuration](https://github.com/sitespeedio/onlinetest/blob/main/testrunner/config/testrunner.yaml). The server automatically aggregates all connected runners and shows their locations in the GUI. This is useful for testing from different geographic locations or on different device types (desktop, mobile, Android). See [PRODUCTION.md](deploy/PRODUCTION.md) for multi-server setup details.

## Using Node.js

If you want to run the server and testrunner directly with Node.js (useful for development), you run the dependencies in Docker and the server/testrunner on your host.

1. **Copy the local development environment file:**
    ```bash
    cp .env.example.local .env
    ```

This file uses `POSTGRESQL_SERVER` (not `POSTGRESQL_HOST`) which is the correct variable name when running the server outside Docker. It also points all service hosts to `127.0.0.1`.

2. **Start the dependencies with exposed ports:**
    ```bash
    docker compose -f docker-compose.dependencies.yml -f standalone/docker-compose.dependencies.standalone.yml up -d
    ```

3. **Install and start the server:**
    ```bash
    npm install --prefix server
    npm start --prefix server
    ```

4. **In another terminal, install and start the testrunner:**
    ```bash
    npm install --prefix testrunner
    npm start --prefix testrunner
    ```

You can also supply your own configuration files:

```bash
npm start --prefix testrunner -- --config path/to/testrunnerfile
npm start --prefix server -- --config path/to/file
```

## What's in the box?

The setup is split into three compose files ([docker-compose.dependencies.yml](https://github.com/sitespeedio/onlinetest/blob/main/docker-compose.dependencies.yml), [docker-compose.server.yml](https://github.com/sitespeedio/onlinetest/blob/main/docker-compose.server.yml), [docker-compose.testrunner.yml](https://github.com/sitespeedio/onlinetest/blob/main/docker-compose.testrunner.yml)). You need:

* **A Message broker**: - A Redis-like data storage/message broker. The default setup uses [Redis](https://www.redis.io) and has also been tested with [Valkey](https://github.com/valkey-io/valkey).

* **A Database**: - [PostgreSQL](https://www.postgresql.org) - the open source database.

* **A Test Result Storage**: - Somewhere to store test results. The default setup uses [MinIO](https://min.io), an open source implementation of S3 but you can use all the result storages that work with sitespeed.io: S3, Google Cloud Storage or your own storage where you can scp the result.

Additionally, there's a server and one or multiple test runners that run the sitespeed.io tests.

## Keeping the CLI picker in sync

The "command line" tab on the start page has a searchable picker of every sitespeed.io flag, sourced from `server/public/sitespeed-help.json`. Regenerate it whenever sitespeed.io ships a new version:

```bash
# pipe --help from any sitespeed.io binary you have
sitespeed.io --help | node release/update-cli-help.cjs -

# or, with no install handy, the script will fetch it via npx
node release/update-cli-help.cjs
```

If you cut sitespeed.io releases yourself and have onlinetest checked out as a sibling at `../onlinetest`, sitespeed.io's own `release.sh` will detect it after each release and run this script automatically — just remember to commit the resulting `server/public/sitespeed-help.json`.

## Setup for production
For production deployments (with HTTPS, multi-server setups, and more), see [PRODUCTION.md](deploy/PRODUCTION.md).

## Support
Running servers and testing costs money and you can help support sitespeed.io at [Open Collective](https://opencollective.com/sitespeedio).

## License
[AGPL-3.0 license](LICENSE).

onlinetest

onlinetest Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

onlinetest

onlinetest Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README