Benchmarks workflow (lit/lit)
The Benchmarks workflow from lit/lit, explained and optimized by Latchkey.
CI health: C - fair
Point runs-on at Latchkey and get run de-duplication, job timeouts, SHA-pinned actions, self-healing for flaky steps, and up to 58% lower cost, applied automatically.
What it does
This is the Benchmarks workflow from the lit/lit repository, a real project running GitHub Actions. It is shown here with attribution under its BSD-3-Clause license.
Below, Latchkey shows a faster, safer version produced by its optimization engine.
The workflow
name: Benchmarks
on: [pull_request]
permissions:
contents: read
jobs:
benchmarks:
name: benchmarks
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 24.5
cache: 'npm'
cache-dependency-path: package-lock.json
- uses: google/wireit@setup-github-actions-caching/v2
- name: NPM install
env:
# Force installed chromedriver version to match the available chrome
# version regardless of package-lock
# https://github.com/giggio/node-chromedriver?tab=readme-ov-file#detect-chromedriver-version
DETECT_CHROMEDRIVER_VERSION: true
run: npm ci
- name: Build
run: |
cd packages/benchmarks
npm run build
# lit-html:kitchen-sink
- name: Benchmark lit-html/kitchen-sink
run: |
cd packages/benchmarks
npx tachometer \
--config lit-html/kitchen-sink/tachometer.json \
--json-file lit-html-kitchen-sink.json
# lit-html:template-heavy
- name: Benchmark lit-html/template-heavy
run: |
cd packages/benchmarks
npx tachometer \
--config lit-html/template-heavy/tachometer.json \
--json-file lit-html-template-heavy.json
# lit-html:repeat
- name: Benchmark lit-html/repeat
run: |
cd packages/benchmarks
npx tachometer \
--config lit-html/repeat/tachometer.json \
--json-file lit-html-repeat.json
# lit-element:list
- name: Benchmark lit-element/list
run: |
cd packages/benchmarks
npx tachometer \
--config lit-element/list/tachometer.json \
--json-file lit-element-list.json
# reactive-element:list
- name: Benchmark reactive-element/list
run: |
cd packages/benchmarks
npx tachometer \
--config reactive-element/list/tachometer.json \
--json-file reactive-element-list.json
- name: Upload results
uses: actions/upload-artifact@v4
with:
name: results
path: |
packages/benchmarks/lit-html-kitchen-sink.json
packages/benchmarks/lit-html-template-heavy.json
packages/benchmarks/lit-html-repeat.json
packages/benchmarks/lit-element-list.json
packages/benchmarks/reactive-element-list.json
The same workflow, on Latchkey
Removes redundant runs and caps runaway jobs. Added and changed lines are highlighted.
name: Benchmarks on: [pull_request] permissions: contents: read concurrency: group: ${{ github.workflow }}-${{ github.ref }} cancel-in-progress: true jobs: benchmarks: timeout-minutes: 30 name: benchmarks runs-on: latchkey-small steps: - uses: actions/checkout@v3 - uses: actions/setup-node@v3 with: node-version: 24.5 cache: 'npm' cache-dependency-path: package-lock.json - uses: google/wireit@setup-github-actions-caching/v2 - name: NPM install env: # Force installed chromedriver version to match the available chrome # version regardless of package-lock # https://github.com/giggio/node-chromedriver?tab=readme-ov-file#detect-chromedriver-version DETECT_CHROMEDRIVER_VERSION: true run: npm ci - name: Build run: | cd packages/benchmarks npm run build # lit-html:kitchen-sink - name: Benchmark lit-html/kitchen-sink run: | cd packages/benchmarks npx tachometer \ --config lit-html/kitchen-sink/tachometer.json \ --json-file lit-html-kitchen-sink.json # lit-html:template-heavy - name: Benchmark lit-html/template-heavy run: | cd packages/benchmarks npx tachometer \ --config lit-html/template-heavy/tachometer.json \ --json-file lit-html-template-heavy.json # lit-html:repeat - name: Benchmark lit-html/repeat run: | cd packages/benchmarks npx tachometer \ --config lit-html/repeat/tachometer.json \ --json-file lit-html-repeat.json # lit-element:list - name: Benchmark lit-element/list run: | cd packages/benchmarks npx tachometer \ --config lit-element/list/tachometer.json \ --json-file lit-element-list.json # reactive-element:list - name: Benchmark reactive-element/list run: | cd packages/benchmarks npx tachometer \ --config reactive-element/list/tachometer.json \ --json-file reactive-element-list.json - name: Upload results uses: actions/upload-artifact@v4 with: name: results path: | packages/benchmarks/lit-html-kitchen-sink.json packages/benchmarks/lit-html-template-heavy.json packages/benchmarks/lit-html-repeat.json packages/benchmarks/lit-element-list.json packages/benchmarks/reactive-element-list.json
What changed
- Run on Latchkey managed runners with one line (
runs-on), which apply the fixes below automatically and self-heal transient failures. This example useslatchkey-small; pick the runner size that fits the job. - Cancel superseded runs when a branch or PR gets a newer push.
- Add a job timeout so a hung step cannot burn hours of runner time.
1 third-party action is referenced by a movable tag. Pin it to the commit SHA (Latchkey resolves and applies this automatically) so a repointed tag cannot change what runs.
What Latchkey heals here
This workflow has steps that commonly fail on transient issues (network, registries, flaky browsers). On Latchkey managed runners they are detected, retried, and self-healed instead of failing your build:
- Dependency installs
This workflow runs 1 job per trigger. On Latchkey the same minutes cost up to 58% less than GitHub-hosted, with zero queue time.