Skip to content

feat: add zyzz landing page - #255

Draft
jxom wants to merge 29 commits into
mainfrom
jxom/site-scaffold
Draft

jxom wants to merge 29 commits into
mainfrom
jxom/site-scaffold

Conversation

@jxom

@jxom jxom commented Sep 21, 2026

Copy link
Copy Markdown
Member

Added a TanStack Start landing page for Cloudflare Workers with default typography tokens, self-hosted fonts, and global styles in zyzz.config.ts.

Depends on #258.

@socket-security

socket-security Bot commented Sep 21, 2026

Copy link
Copy Markdown

@pkg-pr-new

pkg-pr-new Bot commented Sep 21, 2026

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/zyzz@255

commit: d2c8961

@jxom
jxom marked this pull request as ready for review September 21, 2026 04:27
@jxom
jxom marked this pull request as draft September 21, 2026 04:27
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 21, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-09-21T05:10:30.885151Z 07548b1 New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 9d68a63d91

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread tsconfig.json
"examples/react-native",
"examples/tanstack-start",
"node_modules",
"site",

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Add the excluded site to CI validation

The Types job in .github/workflows/verify.yml invokes only the root TypeScript project, so this exclusion prevents every new site module from being type-checked. No workflow invokes the site's check:types or build script either, allowing broken route imports or Cloudflare builds to merge and fail only during deployment. Add explicit site validation to CI before excluding it from the root project.

AGENTS.md reference: AGENTS.md:L170-L172

Useful? React with 👍 / 👎.

@github-actions

Copy link
Copy Markdown
Contributor

Examples

Example URL Status
api-react Open ✅ Deployed
cli-react Open ✅ Deployed
vite-react Open ✅ Deployed
vite-solid Open ✅ Deployed
vite-svelte Open ✅ Deployed

@jxom jxom changed the title feat: scaffold tanstack start site feat: add zyzz landing page Sep 21, 2026
@github-actions

github-actions Bot commented Sep 21, 2026

Copy link
Copy Markdown
Contributor

⚠️ Coverage report too large to inline, see the workflow summary.

@jxom jxom changed the title feat: add zyzz landing page feat: add landing page and opt-in reset Sep 21, 2026
@jxom
jxom marked this pull request as ready for review September 21, 2026 05:00
@jxom jxom changed the title feat: add landing page and opt-in reset feat: add zyzz landing page Sep 21, 2026
@jxom
jxom marked this pull request as draft September 21, 2026 05:02

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 07548b121e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread site/package.json
"scripts": {
"build": "vite build",
"check:types": "pnpm generate-routes && tsc --noEmit",
"deploy": "pnpm run build && wrangler deploy",

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Badge Build the workspace package before deploying the site

From a clean checkout, pnpm --dir site deploy fails during vite build because site/vite.config.ts imports zyzz/vite and the route modules import zyzz/default and zyzz/reset.css, while the workspace package maps those default exports to ignored dist/* files that only the root pnpm build creates. The README performs that prerequisite during initial setup, but the deploy command advertised later does not enforce it and can also deploy stale artifacts after library changes. Make the site build/deploy script build the root package first or explicitly resolve the source exports.

Useful? React with 👍 / 👎.

Comment thread site/src/routes/index.tsx
color: '#888',
marginLeft: '20px',
textDecoration: 'none',
':hover': { color: '#ddd' },

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Badge Move landing-page selectors into selectors

The landing page places :hover, :focus-visible, and &[aria-pressed="true"] directly in multiple style objects. Repository authoring rules require string selectors to be grouped under the selectors property, so this new application fixture establishes the wrong contract and will diverge from selector-specific processing as that canonical shape evolves. Move all of these selector blocks under selectors while leaving media queries at the style level.

AGENTS.md reference: AGENTS.md:L197-L197

Useful? React with 👍 / 👎.

@jxom
jxom changed the base branch from main to jxom/global-font-assets September 21, 2026 05:45
Base automatically changed from jxom/global-font-assets to main September 21, 2026 05:49
@github-actions

github-actions Bot commented Sep 21, 2026

Copy link
Copy Markdown
Contributor

Benchmark Report

Mount

100 cards (static): 🟢 Zyzz (1.03× vs tailwind)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 callable baseline mount 1 0.80 2.20 2.60 28.20
100 callable baseline mount 2 0.70 1.90 2.60 28.70
100 callable panda mount 1 0.90 2.20 3.80 28.50
100 callable panda mount 2 0.80 2.10 2.30 28.60
100 callable stylex mount 1 0.80 2.10 2.30 28.70
100 callable stylex mount 2 0.80 2.00 2.30 28.70
100 callable tailwind mount 1 0.80 1.90 2.80 28.70
100 callable tailwind mount 2 0.80 2.10 2.40 28.60
100 callable vanilla-extract mount 1 0.80 2.10 2.70 28.70
100 callable vanilla-extract mount 2 0.80 1.90 2.10 28.70
100 callable zyzz mount 1 0.80 2.00 2.70 28.60
100 callable zyzz mount 2 0.80 1.90 2.10 28.70
100 cards (overrides): 🟡 Tie: Plain class/style, vanilla-extract (2.10 ms)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 overrides baseline mount 1 0.90 2.10 2.50 28.30
100 overrides baseline mount 2 0.80 2.10 2.90 28.50
100 overrides panda mount 1 1.10 2.40 3.60 28.10
100 overrides panda mount 2 0.90 2.20 2.60 28.20
100 overrides stylex mount 1 0.90 2.20 2.90 28.30
100 overrides stylex mount 2 1.10 2.30 3.10 28.30
100 overrides tailwind mount 1 1.10 2.30 2.90 28.30
100 overrides tailwind mount 2 1.10 2.30 2.90 28.30
100 overrides vanilla-extract mount 1 0.90 2.10 2.50 28.40
100 overrides vanilla-extract mount 2 0.80 2.10 2.30 28.20
100 overrides zyzz mount 1 1.10 2.30 3.10 28.40
100 overrides zyzz mount 2 0.90 2.10 2.90 28.40
100 cards (dynamic): 🔴 Plain class/style (1.02× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 dynamic baseline mount 1 1.00 2.50 3.00 28.10
100 dynamic baseline mount 2 1.10 2.50 3.50 28.10
100 dynamic zyzz mount 1 1.20 2.60 3.40 28.10
100 dynamic zyzz mount 2 1.10 2.50 3.30 27.90
100 cards (variants): 🔴 Plain class/style (1.06× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 variants baseline mount 1 0.90 2.40 2.90 28.10
100 variants baseline mount 2 0.90 2.40 2.60 27.80
100 variants panda mount 1 1.10 2.60 3.10 28.00
100 variants panda mount 2 1.20 2.70 3.20 27.80
100 variants stylex mount 1 1.00 2.60 3.50 28.00
100 variants stylex mount 2 0.90 2.50 3.90 28.10
100 variants zyzz mount 1 1.10 2.60 2.90 28.10
100 variants zyzz mount 2 1.10 2.60 4.10 28.10
1,000 cards (static): 🟢 Zyzz (1.01× vs Plain class/style)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 callable baseline mount 1 3.00 15.60 20.00 25.90
1000 callable baseline mount 2 3.00 15.50 20.00 23.10
1000 callable panda mount 1 3.90 17.70 23.40 25.20
1000 callable panda mount 2 3.80 17.60 19.60 30.00
1000 callable stylex mount 1 3.10 16.40 20.90 26.10
1000 callable stylex mount 2 3.10 16.40 18.30 23.50
1000 callable tailwind mount 1 3.10 16.00 19.30 28.70
1000 callable tailwind mount 2 3.00 16.00 21.50 24.00
1000 callable vanilla-extract mount 1 3.00 15.60 16.30 22.20
1000 callable vanilla-extract mount 2 3.00 15.50 16.50 23.50
1000 callable zyzz mount 1 3.00 15.40 17.00 22.60
1000 callable zyzz mount 2 2.90 15.40 17.30 23.30
1,000 cards (overrides): 🔴 Plain class/style (1.01× vs vanilla-extract)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 overrides baseline mount 1 3.90 16.10 18.00 24.20
1000 overrides baseline mount 2 3.90 16.10 18.00 22.90
1000 overrides panda mount 1 5.00 18.60 29.40 32.00
1000 overrides panda mount 2 5.00 18.60 23.30 29.20
1000 overrides stylex mount 1 4.20 17.10 20.40 28.30
1000 overrides stylex mount 2 4.10 17.20 19.00 27.70
1000 overrides tailwind mount 1 4.30 16.90 19.00 24.20
1000 overrides tailwind mount 2 4.20 16.90 19.40 26.50
1000 overrides vanilla-extract mount 1 4.00 16.30 19.20 27.40
1000 overrides vanilla-extract mount 2 4.00 16.30 18.00 23.00
1000 overrides zyzz mount 1 4.10 16.30 25.30 23.10
1000 overrides zyzz mount 2 4.20 16.50 21.00 26.50
1,000 cards (dynamic): 🔴 Plain class/style (1.03× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 dynamic baseline mount 1 5.00 19.20 28.80 33.10
1000 dynamic baseline mount 2 5.50 20.40 25.80 32.00
1000 dynamic zyzz mount 1 6.00 20.30 39.50 33.80
1000 dynamic zyzz mount 2 6.00 20.30 26.80 34.10
1,000 cards (variants): 🔴 Plain class/style (1.10× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 variants baseline mount 1 4.30 18.60 22.30 30.60
1000 variants baseline mount 2 4.30 18.70 22.80 32.40
1000 variants panda mount 1 7.30 22.80 27.20 34.60
1000 variants panda mount 2 7.40 23.00 28.30 33.70
1000 variants stylex mount 1 5.10 20.40 24.20 33.40
1000 variants stylex mount 2 5.10 20.80 28.60 32.20
1000 variants zyzz mount 1 6.20 21.30 26.90 34.80
1000 variants zyzz mount 2 6.20 21.70 25.50 34.70

Update

100 cards (static): 🟡 Tie: vanilla-extract, Zyzz (1.95 ms)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 callable baseline update 1 0.90 2.10 2.30 28.60
100 callable baseline update 2 0.90 1.90 2.70 28.90
100 callable panda update 1 1.10 2.20 2.40 28.70
100 callable panda update 2 1.10 2.10 2.30 28.90
100 callable stylex update 1 1.00 2.10 2.40 28.90
100 callable stylex update 2 0.90 2.00 2.30 28.90
100 callable tailwind update 1 1.00 2.00 2.20 29.00
100 callable tailwind update 2 1.00 2.00 2.30 28.90
100 callable vanilla-extract update 1 0.90 1.90 2.20 28.90
100 callable vanilla-extract update 2 1.00 2.00 2.20 29.00
100 callable zyzz update 1 0.90 1.90 2.20 29.00
100 callable zyzz update 2 1.00 2.00 2.40 29.00
100 cards (overrides): 🔴 Plain class/style (1.02× vs vanilla-extract)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 overrides baseline update 1 1.10 2.40 2.60 28.70
100 overrides baseline update 2 1.00 2.30 2.70 28.70
100 overrides panda update 1 1.30 2.80 3.60 28.40
100 overrides panda update 2 1.20 2.70 3.20 28.50
100 overrides stylex update 1 1.10 2.40 2.90 28.70
100 overrides stylex update 2 1.20 2.60 2.70 28.60
100 overrides tailwind update 1 1.10 2.40 2.60 28.70
100 overrides tailwind update 2 1.20 2.50 3.00 28.60
100 overrides vanilla-extract update 1 1.10 2.40 2.70 28.60
100 overrides vanilla-extract update 2 1.10 2.40 2.80 28.60
100 overrides zyzz update 1 1.20 2.40 2.90 28.70
100 overrides zyzz update 2 1.10 2.40 2.70 28.60
100 cards (dynamic): 🔴 Plain class/style (1.06× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 dynamic baseline update 1 0.90 2.40 2.90 28.30
100 dynamic baseline update 2 0.90 2.40 3.20 28.40
100 dynamic zyzz update 1 1.10 2.60 2.70 28.40
100 dynamic zyzz update 2 1.10 2.50 3.30 28.30
100 cards (variants): 🔴 Plain class/style (1.07× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 variants baseline update 1 0.80 2.20 2.70 28.40
100 variants baseline update 2 0.90 2.30 2.90 28.10
100 variants panda update 1 1.20 2.70 3.30 28.30
100 variants panda update 2 1.20 2.80 3.00 28.10
100 variants stylex update 1 0.90 2.40 2.90 28.40
100 variants stylex update 2 0.90 2.40 3.50 28.40
100 variants zyzz update 1 1.10 2.60 2.90 28.40
100 variants zyzz update 2 1.20 2.70 3.50 28.30
1,000 cards (static): 🟢 Zyzz (1.00× vs vanilla-extract)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 callable baseline update 1 4.60 15.00 22.60 22.80
1000 callable baseline update 2 4.50 14.70 20.10 22.10
1000 callable panda update 1 6.00 17.00 19.10 24.40
1000 callable panda update 2 6.10 17.10 21.90 25.00
1000 callable stylex update 1 5.10 16.00 19.40 23.80
1000 callable stylex update 2 4.90 15.80 20.10 23.30
1000 callable tailwind update 1 4.90 15.40 22.10 23.70
1000 callable tailwind update 2 5.00 15.60 20.90 22.90
1000 callable vanilla-extract update 1 4.50 14.40 33.80 23.00
1000 callable vanilla-extract update 2 4.60 14.80 16.70 22.20
1000 callable zyzz update 1 4.50 14.50 17.50 22.30
1000 callable zyzz update 2 4.60 14.60 19.70 23.00
1,000 cards (overrides): 🔴 vanilla-extract (1.02× vs Plain class/style)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 overrides baseline update 1 5.80 19.70 25.60 27.40
1000 overrides baseline update 2 5.90 20.10 23.10 27.30
1000 overrides panda update 1 7.50 23.90 27.30 31.70
1000 overrides panda update 2 7.30 23.80 28.40 31.70
1000 overrides stylex update 1 6.20 21.20 24.60 28.30
1000 overrides stylex update 2 6.20 21.10 25.80 28.70
1000 overrides tailwind update 1 6.40 20.70 22.60 28.20
1000 overrides tailwind update 2 6.40 21.30 25.60 29.50
1000 overrides vanilla-extract update 1 5.90 19.90 24.40 27.40
1000 overrides vanilla-extract update 2 5.60 19.30 23.20 27.40
1000 overrides zyzz update 1 6.10 20.00 22.40 28.10
1000 overrides zyzz update 2 5.90 19.90 23.10 27.20
1,000 cards (dynamic): 🔴 Plain class/style (1.05× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 dynamic baseline update 1 5.80 22.20 28.80 31.10
1000 dynamic baseline update 2 6.00 22.60 28.20 31.60
1000 dynamic zyzz update 1 7.30 23.90 28.90 32.80
1000 dynamic zyzz update 2 7.00 23.10 26.70 32.40
1,000 cards (variants): 🔴 Plain class/style (1.12× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 variants baseline update 1 5.30 20.40 25.20 30.20
1000 variants baseline update 2 5.20 20.40 25.60 30.50
1000 variants panda update 1 8.70 27.00 32.10 39.30
1000 variants panda update 2 8.70 26.00 35.40 35.90
1000 variants stylex update 1 6.40 22.80 24.40 33.30
1000 variants stylex update 2 6.50 22.80 28.70 34.00
1000 variants zyzz update 1 8.30 24.10 30.50 35.80
1000 variants zyzz update 2 8.30 24.60 30.60 36.40

Remount

100 cards (static): 🟡 Tie: tailwind, vanilla-extract, Zyzz (1.70 ms)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 callable baseline remount 1 0.50 1.90 2.10 27.70
100 callable baseline remount 2 0.50 1.70 2.70 28.20
100 callable panda remount 1 0.60 1.90 2.80 27.90
100 callable panda remount 2 0.60 1.80 1.90 28.10
100 callable stylex remount 1 0.50 1.80 2.00 28.00
100 callable stylex remount 2 0.50 1.80 1.90 28.20
100 callable tailwind remount 1 0.50 1.70 1.80 28.20
100 callable tailwind remount 2 0.50 1.70 1.90 28.00
100 callable vanilla-extract remount 1 0.50 1.70 2.10 28.20
100 callable vanilla-extract remount 2 0.50 1.70 1.90 28.10
100 callable zyzz remount 1 0.60 1.70 2.00 28.00
100 callable zyzz remount 2 0.50 1.70 1.80 28.30
100 cards (overrides): 🔴 Plain class/style (1.03× vs vanilla-extract)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 overrides baseline remount 1 0.60 1.80 2.00 27.80
100 overrides baseline remount 2 0.70 1.80 3.10 27.90
100 overrides panda remount 1 0.80 2.10 2.40 27.60
100 overrides panda remount 2 0.70 2.00 2.50 27.70
100 overrides stylex remount 1 0.60 1.90 2.30 27.90
100 overrides stylex remount 2 0.70 2.00 2.10 27.80
100 overrides tailwind remount 1 0.70 1.90 2.20 27.70
100 overrides tailwind remount 2 0.70 1.90 2.10 27.80
100 overrides vanilla-extract remount 1 0.60 1.80 2.00 27.60
100 overrides vanilla-extract remount 2 0.70 1.90 2.40 27.90
100 overrides zyzz remount 1 0.70 1.90 2.00 27.90
100 overrides zyzz remount 2 0.60 1.80 3.10 27.90
100 cards (dynamic): 🔴 Plain class/style (1.05× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 dynamic baseline remount 1 0.70 2.10 2.70 27.90
100 dynamic baseline remount 2 0.80 2.20 2.50 28.10
100 dynamic zyzz remount 1 0.90 2.30 2.50 28.10
100 dynamic zyzz remount 2 0.80 2.20 2.40 28.00
100 cards (variants): 🔴 Plain class/style (1.05× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
100 variants baseline remount 1 0.70 2.10 2.30 28.00
100 variants baseline remount 2 0.70 2.10 2.30 27.80
100 variants panda remount 1 0.90 2.40 2.70 28.00
100 variants panda remount 2 0.90 2.50 2.70 27.80
100 variants stylex remount 1 0.70 2.20 2.50 28.00
100 variants stylex remount 2 0.70 2.20 2.70 28.00
100 variants zyzz remount 1 0.80 2.30 2.50 28.00
100 variants zyzz remount 2 0.80 2.30 2.80 27.90
1,000 cards (static): 🔴 Plain class/style (1.01× vs vanilla-extract)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 callable baseline remount 1 4.00 16.60 22.00 29.10
1000 callable baseline remount 2 3.90 16.70 22.00 23.90
1000 callable panda remount 1 4.90 18.60 23.60 30.50
1000 callable panda remount 2 4.80 18.90 23.40 31.50
1000 callable stylex remount 1 4.10 18.00 22.70 26.70
1000 callable stylex remount 2 3.90 17.30 22.50 25.80
1000 callable tailwind remount 1 4.00 17.10 22.20 27.80
1000 callable tailwind remount 2 3.90 17.00 22.20 24.50
1000 callable vanilla-extract remount 1 4.00 16.90 21.80 28.10
1000 callable vanilla-extract remount 2 4.00 16.60 21.40 23.60
1000 callable zyzz remount 1 3.90 16.50 21.30 26.40
1000 callable zyzz remount 2 4.10 17.00 22.70 26.10
1,000 cards (overrides): 🟡 Tie: Plain class/style, vanilla-extract (17.30 ms)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 overrides baseline remount 1 4.80 17.40 22.40 28.80
1000 overrides baseline remount 2 4.80 17.20 22.50 28.60
1000 overrides panda remount 1 6.00 19.80 24.60 26.60
1000 overrides panda remount 2 5.90 19.50 24.70 27.40
1000 overrides stylex remount 1 5.20 18.30 24.80 27.40
1000 overrides stylex remount 2 5.10 18.40 23.40 27.30
1000 overrides tailwind remount 1 5.20 17.80 22.90 28.20
1000 overrides tailwind remount 2 5.30 18.00 23.00 28.20
1000 overrides vanilla-extract remount 1 4.90 17.50 22.50 29.20
1000 overrides vanilla-extract remount 2 4.80 17.10 21.90 28.70
1000 overrides zyzz remount 1 5.10 17.30 22.40 28.80
1000 overrides zyzz remount 2 5.00 17.40 22.60 28.60
1,000 cards (dynamic): 🔴 Plain class/style (1.07× vs Zyzz)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 dynamic baseline remount 1 5.80 20.00 25.20 29.50
1000 dynamic baseline remount 2 5.90 20.20 27.20 30.30
1000 dynamic zyzz remount 1 6.90 21.50 26.40 32.00
1000 dynamic zyzz remount 2 6.90 21.40 26.40 32.10
1,000 cards (variants): 🔴 Plain class/style (1.05× vs stylex)
Cards Workload Framework Operation Pass Commit median ms Commit + layout median ms p95 ms Frame median ms
1000 variants baseline remount 1 6.00 21.70 26.60 32.90
1000 variants baseline remount 2 5.30 19.70 24.60 31.30
1000 variants panda remount 1 8.60 26.90 30.10 37.10
1000 variants panda remount 2 8.10 24.00 30.10 34.10
1000 variants stylex remount 1 6.20 21.60 26.30 32.60
1000 variants stylex remount 2 6.20 21.90 26.90 32.20
1000 variants zyzz remount 1 7.00 22.20 27.50 33.50
1000 variants zyzz remount 2 6.80 22.10 27.90 32.60

Compile

3 Components: 🟢 Zyzz (2.21× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 0.953 110 B 319 B 429 B
Panda CSS 27.251 436 B 5509 B 5945 B
StyleX 2.736 181 B 375 B 556 B
Tailwind 2.103 219 B 404 B 623 B
vanilla-extract 5.330 121 B 335 B 456 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 2.43 1050 109 62
Panda CSS 2.99 37 937 377
StyleX 4.76 366 309 140
Tailwind 10.45 481 389 193
vanilla-extract 3.48 188 134 88
1,000 Components : Repeated Styles: 🟢 Zyzz (1.62× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 4.236 110 B 348 B 458 B
Panda CSS 192.792 436 B 6478 B 6914 B
StyleX 225.452 181 B 663 B 844 B
Tailwind 6.874 219 B 1057 B 1276 B
vanilla-extract 53.858 2094 B 2449 B 4543 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.66 237 109 62
Panda CSS 5.63 20 937 377
StyleX 10.18 20 309 140
Tailwind 18.99 146 389 193
vanilla-extract 3.29 20 11068 1031
1,000 Components : Unique Padding: 🟢 Zyzz (1.06× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 12.093 4238 B 2361 B 6599 B
Panda CSS 263.659 5287 B 9320 B 14607 B
StyleX 222.972 7806 B 6204 B 14010 B
Tailwind 12.855 5026 B 3508 B 8534 B
vanilla-extract 51.892 5640 B 2449 B 8089 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.11 83 19949 1871
Panda CSS 5.56 20 23694 1976
StyleX 7.34 20 23633 5967
Tailwind 4.25 78 34135 1938
vanilla-extract 2.17 20 115852 2803
100 Components : Partial Sharing: 🟢 Zyzz (2.02× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 2.120 1159 B 552 B 1711 B
Panda CSS 57.462 1769 B 6638 B 8407 B
StyleX 23.327 2119 B 1772 B 3891 B
Tailwind 4.281 1555 B 1316 B 2871 B
vanilla-extract 9.840 1218 B 558 B 1776 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.40 473 6118 814
Panda CSS 9.94 20 7147 1111
StyleX 6.72 43 7975 1714
Tailwind 16.73 234 9462 914
vanilla-extract 2.48 102 11728 850
100 Components : Reused Palette: 🟢 Zyzz (1.89× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 1.482 238 B 371 B 609 B
Panda CSS 41.142 628 B 5799 B 6427 B
StyleX 23.142 451 B 628 B 1079 B
Tailwind 2.806 410 B 629 B 1039 B
vanilla-extract 9.736 647 B 558 B 1205 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.95 675 702 163
Panda CSS 2.93 25 1788 515
StyleX 13.36 44 1378 378
Tailwind 13.86 357 1660 315
vanilla-extract 2.99 103 11388 345
100 Components : Independent Values: 🟢 Zyzz (2.39× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 2.283 2195 B 552 B 2747 B
Panda CSS 63.150 3545 B 8125 B 11670 B
StyleX 27.568 4375 B 2861 B 7236 B
Tailwind 5.450 3315 B 2621 B 5936 B
vanilla-extract 10.682 2281 B 559 B 2840 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.44 439 9761 1602
Panda CSS 3.01 20 13586 2214
StyleX 16.07 37 16201 3457
Tailwind 4.95 184 18108 1906
vanilla-extract 2.68 94 12433 1664
100 Components : Sparse Properties: 🟢 Zyzz (1.87× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 1.747 850 B 536 B 1386 B
Panda CSS 43.748 1216 B 6308 B 7524 B
StyleX 16.971 1278 B 1118 B 2396 B
Tailwind 3.262 984 B 1067 B 2051 B
vanilla-extract 8.717 964 B 559 B 1523 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.68 573 4127 634
Panda CSS 10.69 23 3814 947
StyleX 7.21 59 4305 1047
Tailwind 18.16 307 4439 705
vanilla-extract 3.10 115 6573 729
60 Components : Mixed Shapes: 🟢 Zyzz (1.98× vs Tailwind)
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 1.323 281 B 360 B 641 B
Panda CSS 40.703 626 B 5731 B 6357 B
StyleX 15.487 407 B 542 B 949 B
Tailwind 2.621 406 B 611 B 1017 B
vanilla-extract 8.385 449 B 468 B 917 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 2.06 756 860 209
Panda CSS 11.01 25 1369 539
StyleX 7.60 65 1039 335
Tailwind 18.03 383 1034 352
vanilla-extract 3.05 120 7884 303
Themes : 10 Components: 🟢 Zyzz (1.12× vs Zyzz (token resolution included))
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 1.101 197 B 383 B 580 B
🟢 Zyzz (token resolution included) 1.233 197 B 383 B 580 B
Panda CSS 30.503 527 B 5564 B 6091 B
StyleX 17.660 319 B 461 B 780 B
Tailwind 2.370 298 B 413 B 711 B
vanilla-extract 6.080 203 B 389 B 592 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 2.48 908 399 146
Zyzz (token resolution included) 2.08 811 399 146
Panda CSS 3.05 33 1280 460
StyleX 2.96 57 954 277
Tailwind 10.32 427 746 260
vanilla-extract 3.33 165 1123 157
Themes : 100 Components: 🟢 Zyzz (1.45× vs Zyzz (token resolution included))
Framework Build (ms) CSS gzip JS gzip Total gzip
🟢 Zyzz 1.813 530 B 588 B 1118 B
🟢 Zyzz (token resolution included) 2.627 530 B 588 B 1118 B
Panda CSS 43.037 928 B 5928 B 6856 B
StyleX 102.161 1064 B 1007 B 2071 B
Tailwind 2.813 686 B 661 B 1347 B
vanilla-extract 8.930 640 B 596 B 1236 B
Framework Error (±%) Samples CSS raw CSS Brotli
--- ---: ---: ---: ---:
Zyzz 1.81 553 1904 336
Zyzz (token resolution included) 1.27 381 1904 336
Panda CSS 3.37 24 2990 649
StyleX 5.40 20 5230 857
Tailwind 7.63 356 2816 438
vanilla-extract 3.00 112 9832 405
Other results

Baseline changes

Compared with baseline

Benchmark Baseline PR / current Change
fresh compilation / small / zyzz 0.9539 ms ±2.5% 0.9531 ms ±2.4% 🟡 -0.1%
fresh compilation / repeated / zyzz 4.168 ms ±1.4% 4.236 ms ±1.7% 🟡 +1.6%
fresh compilation / unique / zyzz 11.77 ms ±1.1% 12.09 ms ±1.1% 🟡 +2.7%
fresh compilation / partial / zyzz 2.13 ms ±1.5% 2.12 ms ±1.4% 🟡 -0.5%
fresh compilation / palette / zyzz 1.477 ms ±1.7% 1.482 ms ±2.0% 🟡 +0.3%
fresh compilation / independent / zyzz 2.298 ms ±1.4% 2.283 ms ±1.4% 🟡 -0.7%
fresh compilation / sparse / zyzz 1.753 ms ±1.7% 1.747 ms ±1.7% 🟡 -0.3%
fresh compilation / components / zyzz 1.349 ms ±2.1% 1.323 ms ±2.1% 🟡 -1.9%
theme comparison / 10 styles / zyzz 1.1 ms ±2.2% 1.101 ms ±2.5% 🟡 +0.1%
theme comparison / 10 styles / zyzz-tokens 1.238 ms ±2.0% 1.233 ms ±2.1% 🟡 -0.4%
theme comparison / 100 styles / zyzz 1.786 ms ±1.9% 1.813 ms ±1.8% 🟡 +1.5%
theme comparison / 100 styles / zyzz-tokens 2.592 ms ±1.3% 2.627 ms ±1.3% 🟡 +1.4%
theme resolution and compilation / 10 styles / explicit references 0.1083 ms ±3.4% 0.09813 ms ±1.5% 🟡 -9.4%
theme resolution and compilation / 10 styles / inferred token names 0.1445 ms ±1.1% 0.1472 ms ±1.4% 🟡 +1.8%
theme resolution and compilation / 100 styles / explicit references 0.8301 ms ±1.1% 0.7989 ms ±0.6% 🟡 -3.8%
theme resolution and compilation / 100 styles / inferred token names 0.9551 ms ±0.9% 0.9755 ms ±1.7% 🟡 +2.1%
theme compilation / 10 styles / two scopes with scheme pairs 0.06337 ms ±1.2% 0.06429 ms ±1.3% 🟡 +1.5%
theme compilation / 100 styles / two scopes with scheme pairs 0.379 ms ±0.8% 0.3699 ms ±0.8% 🟡 -2.4%
cx / static / small (3 styles) / compile 2.033 ms ±7.2% 2.058 ms ±7.8% 🟡 +1.2%
cx / static / repeated (1000 styles) / compile 603.7 ms ±2.1% 600.3 ms ±2.6% 🟡 -0.6%
cx / static / unique (1000 styles) / compile 847.9 ms ±2.6% 846.5 ms ±2.7% 🟡 -0.2%
cx / static / components (60 styles) / compile 13.59 ms ±7.3% 13.01 ms ±5.4% 🟡 -4.3%
cx / small/react/static/direct / compile 1.881 ms ±7.1% 1.877 ms ±7.2% 🟡 -0.2%
cx / small/react/static/direct / apply project 0.00007286 ms ±0.5% 0.00007393 ms ±0.5% 🟡 +1.5%
cx / small/react/static/bound / compile 1.615 ms ±3.7% 1.866 ms ±7.9% 🔴 +15.6%
cx / small/react/static/bound / apply project 0.006988 ms ±1.0% 0.007037 ms ±0.7% 🟡 +0.7%
cx / small/react/conditional/direct / compile 1.692 ms ±4.9% 1.692 ms ±3.5% 🟡 +0.0%
cx / small/react/conditional/direct / apply project 0.00704 ms ±0.9% 0.007067 ms ±0.8% 🟡 +0.4%
cx / small/react/conditional/bound / compile 1.885 ms ±9.2% 1.657 ms ±4.0% 🟢 -12.1%
cx / small/react/conditional/bound / apply project 0.00719 ms ±0.9% 0.007007 ms ±0.8% 🟡 -2.6%
cx / small/html/static/direct / compile 1.452 ms ±3.6% 1.4 ms ±3.7% 🟡 -3.6%
cx / small/html/static/direct / apply project 0.00009815 ms ±0.4% 0.0001021 ms ±0.6% 🟡 +4.0%
cx / small/html/static/bound / compile 1.54 ms ±3.6% 1.468 ms ±3.4% 🟡 -4.6%
cx / small/html/static/bound / apply project 0.01149 ms ±0.7% 0.01136 ms ±0.9% 🟡 -1.2%
cx / small/html/conditional/direct / compile 1.635 ms ±4.0% 1.591 ms ±3.8% 🟡 -2.7%
cx / small/html/conditional/direct / apply project 0.01149 ms ±0.9% 0.01134 ms ±0.8% 🟡 -1.4%
cx / small/html/conditional/bound / compile 1.668 ms ±4.4% 1.677 ms ±4.3% 🟡 +0.5%
cx / small/html/conditional/bound / apply project 0.01146 ms ±0.9% 0.01155 ms ±0.9% 🟡 +0.9%
cx / repeated/react/static/direct / compile 662.1 ms ±2.5% 657.4 ms ±2.0% 🟡 -0.7%
cx / repeated/react/static/direct / apply project 0.06005 ms ±1.3% 0.06049 ms ±1.2% 🟡 +0.7%
cx / repeated/react/static/bound / compile 748.3 ms ±1.2% 751.7 ms ±2.4% 🟡 +0.5%
cx / repeated/react/static/bound / apply project 2.431 ms ±1.8% 2.495 ms ±1.2% 🟡 +2.6%
cx / repeated/react/conditional/direct / compile 959.8 ms ±2.0% 929.7 ms ±1.4% 🟡 -3.1%
cx / repeated/react/conditional/direct / apply project 2.481 ms ±1.4% 2.782 ms ±14.8% 🔴 +12.1%
cx / repeated/react/conditional/bound / compile 1028 ms ±1.2% 1007 ms ±1.3% 🟡 -2.0%
cx / repeated/react/conditional/bound / apply project 2.579 ms ±1.7% 2.49 ms ±1.5% 🟡 -3.5%
cx / repeated/html/static/direct / compile 674.8 ms ±2.5% 651.5 ms ±1.8% 🟡 -3.5%
cx / repeated/html/static/direct / apply project 0.0598 ms ±1.0% 0.05919 ms ±1.0% 🟡 -1.0%
cx / repeated/html/static/bound / compile 535.4 ms ±2.3% 538.2 ms ±1.8% 🟡 +0.5%
cx / repeated/html/static/bound / apply project 3.781 ms ±1.3% 3.786 ms ±1.1% 🟡 +0.1%
cx / repeated/html/conditional/direct / compile 675.2 ms ±1.2% 692.6 ms ±2.4% 🟡 +2.6%
cx / repeated/html/conditional/direct / apply project 4.388 ms ±15.0% 3.867 ms ±1.3% 🟢 -11.9%
cx / repeated/html/conditional/bound / compile 681.3 ms ±0.6% 698.1 ms ±3.5% 🟡 +2.5%
cx / repeated/html/conditional/bound / apply project 3.824 ms ±1.5% 3.826 ms ±1.2% 🟡 +0.0%
cx / unique/react/static/direct / compile 912.4 ms ±2.0% 914.4 ms ±2.4% 🟡 +0.2%
cx / unique/react/static/direct / apply project 0.06012 ms ±1.1% 0.0605 ms ±1.1% 🟡 +0.6%
cx / unique/react/static/bound / compile 990.4 ms ±0.8% 1008 ms ±1.8% 🟡 +1.7%
cx / unique/react/static/bound / apply project 2.95 ms ±15.3% 2.49 ms ±1.6% 🟢 -15.6%
cx / unique/react/conditional/direct / compile 1300 ms ±1.7% 1291 ms ±1.9% 🟡 -0.6%
cx / unique/react/conditional/direct / apply project 2.982 ms ±15.1% 3.031 ms ±15.5% 🟡 +1.6%
cx / unique/react/conditional/bound / compile 1520 ms ±2.1% 1380 ms ±1.7% 🟡 -9.2%
cx / unique/react/conditional/bound / apply project 2.93 ms ±14.9% 3.187 ms ±17.7% 🟡 +8.8%
cx / unique/html/static/direct / compile 917.9 ms ±1.9% 923.9 ms ±3.2% 🟡 +0.6%
cx / unique/html/static/direct / apply project 0.06031 ms ±1.0% 0.05995 ms ±0.9% 🟡 -0.6%
cx / unique/html/static/bound / compile 797.4 ms ±3.4% 810.8 ms ±3.0% 🟡 +1.7%
cx / unique/html/static/bound / apply project 3.872 ms ±1.7% 3.918 ms ±1.8% 🟡 +1.2%
cx / unique/html/conditional/direct / compile 1042 ms ±2.7% 1066 ms ±2.1% 🟡 +2.3%
cx / unique/html/conditional/direct / apply project 3.931 ms ±1.3% 3.989 ms ±1.5% 🟡 +1.5%
cx / unique/html/conditional/bound / compile 1049 ms ±2.4% 1078 ms ±2.0% 🟡 +2.7%
cx / unique/html/conditional/bound / apply project 3.933 ms ±1.4% 3.977 ms ±1.9% 🟡 +1.1%
cx / components/react/static/direct / compile 12.55 ms ±4.9% 12.9 ms ±5.5% 🟡 +2.8%
cx / components/react/static/direct / apply project 0.0004651 ms ±1.4% 0.000472 ms ±1.5% 🟡 +1.5%
cx / components/react/static/bound / compile 13.65 ms ±5.1% 14.5 ms ±6.6% 🟡 +6.2%
cx / components/react/static/bound / apply project 0.1479 ms ±1.2% 0.1456 ms ±1.3% 🟡 -1.6%
cx / components/react/conditional/direct / compile 16.15 ms ±6.2% 16.21 ms ±5.4% 🟡 +0.3%
cx / components/react/conditional/direct / apply project 0.1461 ms ±1.2% 0.1547 ms ±1.3% 🟡 +5.9%
cx / components/react/conditional/bound / compile 16.4 ms ±5.3% 17.24 ms ±5.8% 🟡 +5.1%
cx / components/react/conditional/bound / apply project 0.1456 ms ±1.2% 0.1468 ms ±1.3% 🟡 +0.9%
cx / components/html/static/direct / compile 12.85 ms ±6.1% 12.69 ms ±4.5% 🟡 -1.2%
cx / components/html/static/direct / apply project 0.0004643 ms ±1.4% 0.0004783 ms ±1.7% 🟡 +3.0%
cx / components/html/static/bound / compile 12.72 ms ±5.3% 13.45 ms ±6.8% 🟡 +5.7%
cx / components/html/static/bound / apply project 0.2327 ms ±1.3% 0.233 ms ±1.3% 🟡 +0.1%
cx / components/html/conditional/direct / compile 14.55 ms ±5.4% 15.06 ms ±5.3% 🟡 +3.5%
cx / components/html/conditional/direct / apply project 0.2313 ms ±1.2% 0.2373 ms ±1.4% 🟡 +2.6%
cx / components/html/conditional/bound / compile 15.19 ms ±5.5% 15.69 ms ±5.7% 🟡 +3.3%
cx / components/html/conditional/bound / apply project 0.2314 ms ±1.4% 0.2342 ms ±1.3% 🟡 +1.2%
cx / react runtime composition / compile conditional groups 0.9334 ms ±4.3% 0.9176 ms ±3.5% 🟡 -1.7%
cx / react runtime composition / select and bind both arguments 0.001274 ms ±0.4% 0.001283 ms ±0.4% 🟡 +0.7%
cx / react runtime composition / remove conditional argument 0.000984 ms ±1.4% 0.0009775 ms ±1.5% 🟡 -0.7%
cx / html runtime composition / compile conditional groups 0.8389 ms ±2.3% 0.8115 ms ±2.9% 🟡 -3.3%
cx / html runtime composition / select and bind both arguments 0.002941 ms ±0.4% 0.00298 ms ±0.4% 🟡 +1.3%
cx / html runtime composition / remove conditional argument 0.002178 ms ±0.4% 0.002196 ms ±0.4% 🟡 +0.8%
cx / variable scopes / react / manual / compile 1.072 ms ±2.7% 1.077 ms ±2.7% 🟡 +0.5%
cx / variable scopes / react / manual / initialize 0.003879 ms ±9.2% 0.003975 ms ±9.9% 🟡 +2.5%
cx / variable scopes / react / manual / apply 0.0001429 ms ±0.3% 0.0001416 ms ±0.4% 🟡 -0.9%
cx / variable scopes / react / cx / compile 1.065 ms ±2.6% 1.017 ms ±2.4% 🟡 -4.4%
cx / variable scopes / react / cx / initialize 0.005969 ms ±12.0% 0.006238 ms ±14.1% 🟡 +4.5%
cx / variable scopes / react / cx / apply 0.001688 ms ±0.4% 0.001727 ms ±0.9% 🟡 +2.3%
cx / variable scopes / html / manual / compile 1.029 ms ±2.7% 0.9854 ms ±3.1% 🟡 -4.3%
cx / variable scopes / html / manual / initialize 0.005208 ms ±10.4% 0.005316 ms ±10.5% 🟡 +2.1%
cx / variable scopes / html / manual / apply 0.00127 ms ±0.1% 0.001259 ms ±0.2% 🟡 -0.9%
cx / variable scopes / html / cx / compile 0.9947 ms ±2.3% 0.9901 ms ±2.5% 🟡 -0.5%
cx / variable scopes / html / cx / initialize 0.006707 ms ±12.8% 0.006498 ms ±12.1% 🟡 -3.1%
cx / variable scopes / html / cx / apply 0.004354 ms ±0.7% 0.004293 ms ±0.4% 🟡 -1.4%
variants / compile / defaults and compounds 0.864 ms ±3.8% 0.8492 ms ±3.8% 🟡 -1.7%
variants / select / defaults 0.0003053 ms ±1.1% 0.000324 ms ±1.1% 🟡 +6.1%
variants / select / changed choices and overrides 0.0002973 ms ±0.3% 0.0003134 ms ±0.3% 🟡 +5.4%
variants / static / compile 0.8273 ms ±2.8% 0.8337 ms ±3.6% 🟡 +0.8%
variants / static / select defaults 0.0003107 ms ±1.1% 0.000318 ms ±1.1% 🟡 +2.4%
variants / static / select overrides 0.0003007 ms ±0.3% 0.0003093 ms ±0.4% 🟡 +2.9%
variants / three conditions / compile 3.478 ms ±2.7% 3.381 ms ±2.0% 🟡 -2.8%
variants / three conditions / select defaults 0.0003241 ms ±0.4% 0.0003293 ms ±0.3% 🟡 +1.6%
variants / three conditions / select overrides 0.0005777 ms ±0.2% 0.000582 ms ±0.3% 🟡 +0.7%
variants / packed composition / 10 applications / compile 5.905 ms ±10.1% 6.001 ms ±10.1% 🟡 +1.6%
variants / packed composition / 100 applications / compile 16.11 ms ±5.5% 16.46 ms ±6.8% 🟡 +2.2%
variants / payloads / compile 1.112 ms ±2.6% 1.131 ms ±3.5% 🟡 +1.7%
variants / payloads / bind default 0.0005975 ms ±0.7% 0.0006093 ms ±0.6% 🟡 +2.0%
variants / payloads / bind base and conditional values 0.002038 ms ±0.3% 0.002078 ms ±0.2% 🟡 +2.0%
variants / payloads / remove payload 0.0002828 ms ±0.1% 0.0002903 ms ±0.1% 🟡 +2.6%
theme graph / 10 styles / link + extract + emit + rewrite + maps 4.061 ms ±2.8% 4.107 ms ±2.5% 🟡 +1.1%
theme graph / 100 styles / link + extract + emit + rewrite + maps 9.415 ms ±4.4% 9.31 ms ±3.6% 🟡 -1.1%
incremental graph / 10 consumers / consumer / full 5.948 ms ±3.0% 5.783 ms ±2.3% 🟡 -2.8%
incremental graph / 10 consumers / consumer / incremental 0.735 ms ±1.7% 0.7256 ms ±1.8% 🟡 -1.3%
incremental graph / 10 consumers / theme / full 5.399 ms ±2.4% 5.425 ms ±2.5% 🟡 +0.5%
incremental graph / 10 consumers / theme / incremental 5.551 ms ±2.4% 5.453 ms ±2.5% 🟡 -1.8%
incremental graph / 10 consumers / unchanged / full 5.22 ms ±1.8% 5.311 ms ±2.5% 🟡 +1.7%
incremental graph / 10 consumers / unchanged / incremental 0.00458 ms ±0.3% 0.004729 ms ±1.8% 🟡 +3.3%
incremental graph / 100 consumers / consumer / full 25.18 ms ±2.0% 25.97 ms ±2.8% 🟡 +3.1%
incremental graph / 100 consumers / consumer / incremental 1.239 ms ±1.2% 1.182 ms ±1.3% 🟡 -4.6%
incremental graph / 100 consumers / theme / full 25.33 ms ±2.1% 25.09 ms ±2.1% 🟡 -0.9%
incremental graph / 100 consumers / theme / incremental 25.16 ms ±2.0% 25.42 ms ±2.4% 🟡 +1.0%
incremental graph / 100 consumers / unchanged / full 25.05 ms ±2.0% 24.9 ms ±2.4% 🟡 -0.6%
incremental graph / 100 consumers / unchanged / incremental 0.03332 ms ±0.6% 0.03385 ms ±0.7% 🟡 +1.6%
packed theme graph / 10 styles / read contracts + extract + emit + rewrite + maps 2.823 ms ±3.2% 2.908 ms ±3.1% 🟡 +3.0%
packed theme graph / 100 styles / read contracts + extract + emit + rewrite + maps 7.682 ms ±2.7% 7.669 ms ±2.5% 🟡 -0.2%
configuration graph / 10 styles / normalize + link + extract + emit + rewrite + maps 3.298 ms ±2.2% 3.38 ms ±3.2% 🟡 +2.5%
configuration graph / 100 styles / normalize + link + extract + emit + rewrite + maps 8.629 ms ±2.9% 8.53 ms ±2.9% 🟡 -1.1%
native graph / cold source graph 1.955 ms ±3.0% 1.949 ms ±3.3% 🟡 -0.3%
native graph / unchanged source graph 0.00189 ms ±0.7% 0.001874 ms ±0.7% 🟡 -0.9%
native graph / packed consumer 0.4583 ms ±3.0% 0.4606 ms ±3.1% 🟡 +0.5%
source extraction / 10 styles / extract + emit 0.6961 ms ±18.7% 0.5992 ms ±8.3% 🟢 -13.9%
source extraction / 100 styles / extract + emit 3.457 ms ±9.2% 3.709 ms ±9.6% 🟡 +7.3%
source extraction / 1000 styles / extract + emit 29.47 ms ±9.1% 32.59 ms ±13.3% 🔴 +10.6%
static template extraction / extract + emit 0.2513 ms ±6.9% 0.2398 ms ±6.7% 🟡 -4.6%
at-rule declarations / 10 families / source transform with maps 9.439 ms ±3.8% 9.806 ms ±5.2% 🟡 +3.9%
at-rule declarations / 10 families / packed stylesheet consumption 15.38 ms ±1.6% 15.32 ms ±1.8% 🟡 -0.4%
at-rule declarations / 100 families / source transform with maps 91.11 ms ±1.6% 92.65 ms ±2.1% 🟡 +1.7%
at-rule declarations / 100 families / packed stylesheet consumption 181.1 ms ±0.6% 179.4 ms ±0.4% 🟡 -0.9%
module transform / 10 styles / extract + emit + rewrite + maps 0.6841 ms ±3.7% 0.718 ms ±3.1% 🟡 +4.9%
module transform / 100 styles / extract + emit + rewrite + maps 4.717 ms ±4.0% 4.984 ms ±4.3% 🟡 +5.7%
module transform / 1000 styles / extract + emit + rewrite + maps 74.83 ms ±1.0% 77.96 ms ±4.3% 🟡 +4.2%
theme source transform / 10 styles / extract + emit + rewrite + maps 1.974 ms ±2.8% 1.905 ms ±2.6% 🟡 -3.5%
theme source transform / 100 styles / extract + emit + rewrite + maps 6.974 ms ±2.9% 7.283 ms ±4.9% 🟡 +4.4%
theme source transform / 1000 styles / extract + emit + rewrite + maps 92.96 ms ±1.2% 95.13 ms ±3.7% 🟡 +2.3%
theme alias transform / 10 styles / extract + emit + rewrite + maps 1.885 ms ±3.0% 1.867 ms ±2.6% 🟡 -1.0%
theme alias transform / 100 styles / extract + emit + rewrite + maps 6.884 ms ±3.0% 7.166 ms ±4.8% 🟡 +4.1%
theme alias transform / 1000 styles / extract + emit + rewrite + maps 93.55 ms ±3.6% 91.85 ms ±4.3% 🟡 -1.8%
theme token transform / 10 styles / extract + emit + rewrite + maps 1.852 ms ±2.7% 1.862 ms ±2.6% 🟡 +0.6%
theme token transform / 100 styles / extract + emit + rewrite + maps 7.603 ms ±4.7% 7.534 ms ±4.8% 🟡 -0.9%
theme token transform / 1000 styles / extract + emit + rewrite + maps 94.81 ms ±0.7% 96.54 ms ±3.6% 🟡 +1.8%
fallback transform / 10 additional styles / extract + emit + rewrite + maps 2.202 ms ±2.7% 2.128 ms ±2.4% 🟡 -3.3%
fallback transform / 100 additional styles / extract + emit + rewrite + maps 7.699 ms ±2.8% 7.825 ms ±4.6% 🟡 +1.6%
background transform / 10 additional styles / extract + emit + rewrite + maps 1.987 ms ±2.6% 1.985 ms ±2.2% 🟡 -0.1%
background transform / 100 additional styles / extract + emit + rewrite + maps 7.272 ms ±2.9% 7.129 ms ±2.5% 🟡 -2.0%
border shorthand transform / 10 additional styles / extract + emit + rewrite + maps 0.6415 ms ±3.0% 0.6452 ms ±2.4% 🟡 +0.6%
border shorthand transform / 100 additional styles / extract + emit + rewrite + maps 4.66 ms ±3.0% 4.881 ms ±4.4% 🟡 +4.7%
border list transform / 10 additional styles / extract + emit + rewrite + maps 0.6176 ms ±2.8% 0.6144 ms ±2.3% 🟡 -0.5%
border list transform / 100 additional styles / extract + emit + rewrite + maps 4.225 ms ±2.8% 4.304 ms ±2.5% 🟡 +1.9%
border transform / 10 additional styles / extract + emit + rewrite + maps 2.072 ms ±2.2% 2.06 ms ±1.9% 🟡 -0.6%
border transform / 100 additional styles / extract + emit + rewrite + maps 7.593 ms ±3.1% 7.421 ms ±2.3% 🟡 -2.3%
named color transform / 10 additional styles / extract + emit + rewrite + maps 2.029 ms ±2.4% 2.026 ms ±2.0% 🟡 -0.1%
named color transform / 100 additional styles / extract + emit + rewrite + maps 7.094 ms ±3.0% 7.047 ms ±2.3% 🟡 -0.7%
box list transform / 10 additional styles / extract + emit + rewrite + maps 0.6216 ms ±2.8% 0.622 ms ±2.5% 🟡 +0.1%
box list transform / 100 additional styles / extract + emit + rewrite + maps 4.097 ms ±2.9% 4.071 ms ±2.3% 🟡 -0.6%
column transform / 10 additional styles / extract + emit + rewrite + maps 1.724 ms ±2.6% 1.78 ms ±2.4% 🟡 +3.2%
column transform / 100 additional styles / extract + emit + rewrite + maps 6.266 ms ±2.7% 6.255 ms ±2.3% 🟡 -0.2%
text decoration transform / 10 additional styles / extract + emit + rewrite + maps 2.139 ms ±2.3% 2.157 ms ±1.9% 🟡 +0.8%
text decoration transform / 100 additional styles / extract + emit + rewrite + maps 7.756 ms ±3.0% 7.383 ms ±2.0% 🟡 -4.8%
container sizing transform / 10 additional styles / extract + emit + rewrite + maps 0.8047 ms ±3.8% 0.734 ms ±2.3% 🟡 -8.8%
container sizing transform / 100 additional styles / extract + emit + rewrite + maps 5.325 ms ±3.2% 5.475 ms ±4.2% 🟡 +2.8%
control transform / 10 additional styles / extract + emit + rewrite + maps 0.9066 ms ±3.6% 0.8299 ms ±2.1% 🟡 -8.5%
control transform / 100 additional styles / extract + emit + rewrite + maps 5.392 ms ±3.0% 5.541 ms ±2.6% 🟡 +2.8%
flex layout transform / 10 additional styles / extract + emit + rewrite + maps 1.648 ms ±2.8% 1.632 ms ±2.2% 🟡 -1.0%
flex layout transform / 100 additional styles / extract + emit + rewrite + maps 7.233 ms ±2.9% 7.234 ms ±2.5% 🟡 +0.0%
font transform / 10 additional styles / extract + emit + rewrite + maps 1.861 ms ±2.5% 1.833 ms ±2.0% 🟡 -1.5%
font transform / 100 additional styles / extract + emit + rewrite + maps 7.421 ms ±3.1% 7.103 ms ±2.2% 🟡 -4.3%
grid list transform / 10 additional styles / extract + emit + rewrite + maps 0.6354 ms ±2.7% 0.6797 ms ±3.0% 🟡 +7.0%
grid list transform / 100 additional styles / extract + emit + rewrite + maps 4.323 ms ±2.9% 4.205 ms ±2.3% 🟡 -2.7%
functional color transform / 10 additional styles / extract + emit + rewrite + maps 1.388 ms ±2.4% 1.383 ms ±2.1% 🟡 -0.3%
functional color transform / 100 additional styles / extract + emit + rewrite + maps 5.326 ms ±4.2% 5.279 ms ±4.0% 🟡 -0.9%
grid transform / 10 additional styles / extract + emit + rewrite + maps 0.8796 ms ±3.0% 0.8788 ms ±2.1% 🟡 -0.1%
grid transform / 100 additional styles / extract + emit + rewrite + maps 5.891 ms ±3.2% 5.924 ms ±2.5% 🟡 +0.6%
prefixed transform / 10 additional styles / extract + emit + rewrite + maps 0.8756 ms ±3.1% 0.8841 ms ±3.0% 🟡 +1.0%
prefixed transform / 100 additional styles / extract + emit + rewrite + maps 5.57 ms ±3.2% 5.487 ms ±2.2% 🟡 -1.5%
percentage transform / 10 additional styles / extract + emit + rewrite + maps 0.8586 ms ±3.7% 0.8443 ms ±2.4% 🟡 -1.7%
percentage transform / 100 additional styles / extract + emit + rewrite + maps 5.267 ms ±3.1% 5.444 ms ±4.0% 🟡 +3.4%
scalar tuple transform / 10 additional styles / extract + emit + rewrite + maps 1.051 ms ±2.9% 1.011 ms ±2.3% 🟡 -3.8%
scalar tuple transform / 100 additional styles / extract + emit + rewrite + maps 5.726 ms ±2.9% 5.868 ms ±2.6% 🟡 +2.5%
grid placement transform / 10 additional styles / extract + emit + rewrite + maps 0.6539 ms ±3.6% 0.6536 ms ±3.1% 🟡 -0.1%
grid placement transform / 100 additional styles / extract + emit + rewrite + maps 3.516 ms ±3.4% 3.498 ms ±2.8% 🟡 -0.5%
timeline range transform / 10 additional styles / extract + emit + rewrite + maps 0.5626 ms ±2.7% 0.5522 ms ±2.4% 🟡 -1.8%
timeline range transform / 100 additional styles / extract + emit + rewrite + maps 4.15 ms ±2.7% 4.356 ms ±4.3% 🟡 +5.0%
corner and layout transform / 10 additional styles / extract + emit + rewrite + maps 0.9383 ms ±3.2% 0.9047 ms ±2.3% 🟡 -3.6%
corner and layout transform / 100 additional styles / extract + emit + rewrite + maps 5.715 ms ±4.0% 5.593 ms ±3.5% 🟡 -2.1%
geometry transform / 10 additional styles / extract + emit + rewrite + maps 0.6947 ms ±2.8% 0.7228 ms ±3.0% 🟡 +4.0%
geometry transform / 100 additional styles / extract + emit + rewrite + maps 4.259 ms ±2.9% 4.275 ms ±2.5% 🟡 +0.4%
custom identifier transform / 10 additional styles / extract + emit + rewrite + maps 0.8616 ms ±3.0% 0.8947 ms ±2.3% 🟡 +3.8%
custom identifier transform / 100 additional styles / extract + emit + rewrite + maps 5.533 ms ±3.1% 5.686 ms ±4.3% 🟡 +2.8%
interaction transform / 10 additional styles / extract + emit + rewrite + maps 1.234 ms ±3.1% 1.227 ms ±2.4% 🟡 -0.5%
interaction transform / 100 additional styles / extract + emit + rewrite + maps 7.286 ms ±3.2% 7.5 ms ±4.6% 🟡 +2.9%
keyword group transform / 10 additional styles / extract + emit + rewrite + maps 0.7133 ms ±3.0% 0.673 ms ±2.3% 🟡 -5.7%
keyword group transform / 100 additional styles / extract + emit + rewrite + maps 4.873 ms ±3.0% 4.968 ms ±2.7% 🟡 +2.0%
layout containment transform / 10 additional styles / extract + emit + rewrite + maps 1.075 ms ±3.0% 1.08 ms ±3.0% 🟡 +0.5%
layout containment transform / 100 additional styles / extract + emit + rewrite + maps 5.878 ms ±3.1% 5.772 ms ±2.2% 🟡 -1.8%
logical box transform / 10 additional styles / extract + emit + rewrite + maps 1.668 ms ±2.6% 1.677 ms ±2.2% 🟡 +0.5%
logical box transform / 100 additional styles / extract + emit + rewrite + maps 6.818 ms ±3.3% 6.72 ms ±2.3% 🟡 -1.4%
reading order transform / 10 additional styles / extract + emit + rewrite + maps 0.7019 ms ±3.4% 0.647 ms ±2.3% 🟡 -7.8%
reading order transform / 100 additional styles / extract + emit + rewrite + maps 4.121 ms ±2.7% 4.342 ms ±4.1% 🟡 +5.4%
mask transform / 10 additional styles / extract + emit + rewrite + maps 0.98 ms ±3.1% 0.925 ms ±2.2% 🟡 -5.6%
mask transform / 100 additional styles / extract + emit + rewrite + maps 5.973 ms ±3.1% 6.196 ms ±2.4% 🟡 +3.7%
motion list transform / 10 additional styles / extract + emit + rewrite + maps 0.7111 ms ±3.4% 0.6802 ms ±2.8% 🟡 -4.4%
motion list transform / 100 additional styles / extract + emit + rewrite + maps 4.349 ms ±2.8% 4.361 ms ±2.4% 🟡 +0.3%
math expression transform / 10 additional styles / extract + emit + rewrite + maps 0.672 ms ±3.5% 0.6584 ms ±2.4% 🟡 -2.0%
math expression transform / 100 additional styles / extract + emit + rewrite + maps 4.142 ms ±2.9% 4.343 ms ±3.9% 🟡 +4.8%
motion transform / 10 additional styles / extract + emit + rewrite + maps 0.9042 ms ±2.9% 0.8988 ms ±2.1% 🟡 -0.6%
motion transform / 100 additional styles / extract + emit + rewrite + maps 6.157 ms ±3.1% 6.236 ms ±2.5% 🟡 +1.3%
remaining scalar transform / 10 additional styles / extract + emit + rewrite + maps 0.8634 ms ±3.1% 0.8845 ms ±3.0% 🟡 +2.4%
remaining scalar transform / 100 additional styles / extract + emit + rewrite + maps 5.738 ms ±3.2% 5.667 ms ±2.3% 🟡 -1.2%
scroll spacing transform / 10 additional styles / extract + emit + rewrite + maps 1.882 ms ±2.5% 1.954 ms ±3.1% 🟡 +3.8%
scroll spacing transform / 100 additional styles / extract + emit + rewrite + maps 7.32 ms ±3.0% 7.158 ms ±2.3% 🟡 -2.2%
intrinsic sizing transform / 10 additional styles / extract + emit + rewrite + maps 1.869 ms ±2.4% 1.854 ms ±2.0% 🟡 -0.8%
intrinsic sizing transform / 100 additional styles / extract + emit + rewrite + maps 7.314 ms ±3.2% 7.065 ms ±2.3% 🟡 -3.4%
scroll snap transform / 10 additional styles / extract + emit + rewrite + maps 1.651 ms ±2.7% 1.733 ms ±2.4% 🟡 +4.9%
scroll snap transform / 100 additional styles / extract + emit + rewrite + maps 7.492 ms ±4.8% 7.023 ms ±2.2% 🟡 -6.3%
text timeline transform / 10 additional styles / extract + emit + rewrite + maps 0.7786 ms ±3.1% 0.7625 ms ±2.2% 🟡 -2.1%
text timeline transform / 100 additional styles / extract + emit + rewrite + maps 5.324 ms ±3.0% 5.611 ms ±4.7% 🟡 +5.4%
variable substitution transform / 10 additional styles / extract + emit + rewrite + maps 0.6087 ms ±2.9% 0.6042 ms ±2.5% 🟡 -0.7%
variable substitution transform / 100 additional styles / extract + emit + rewrite + maps 4.14 ms ±3.0% 4.209 ms ±2.7% 🟡 +1.7%
SVG transform / 10 additional styles / extract + emit + rewrite + maps 1.874 ms ±2.4% 1.864 ms ±1.9% 🟡 -0.5%
SVG transform / 100 additional styles / extract + emit + rewrite + maps 6.965 ms ±3.1% 6.883 ms ±2.2% 🟡 -1.2%
table transform / 10 additional styles / extract + emit + rewrite + maps 1.011 ms ±3.6% 1.003 ms ±3.0% 🟡 -0.8%
table transform / 100 additional styles / extract + emit + rewrite + maps 6.512 ms ±3.1% 6.447 ms ±2.3% 🟡 -1.0%
text flow transform / 10 additional styles / extract + emit + rewrite + maps 1.712 ms ±2.7% 1.756 ms ±2.4% 🟡 +2.6%
text flow transform / 100 additional styles / extract + emit + rewrite + maps 7.564 ms ±3.0% 7.483 ms ±2.4% 🟡 -1.1%
standard length transform / 10 additional styles / extract + emit + rewrite + maps 1.331 ms ±2.7% 1.36 ms ±2.4% 🟡 +2.2%
standard length transform / 100 additional styles / extract + emit + rewrite + maps 6.188 ms ±4.3% 5.887 ms ±2.6% 🟡 -4.9%
reachability / 0 unused styles / extract + prune + emit + maps 0.1569 ms ±2.4% 0.1599 ms ±2.5% 🟡 +1.9%
reachability / 100 unused styles / extract + prune + emit + maps 3.331 ms ±2.9% 3.477 ms ±3.9% 🟡 +4.4%
explicit variable contracts / compile 0.2557 ms ±8.0% 0.2486 ms ±8.5% 🟡 -2.8%
compile / conditions / small / shared corpus 1 ms ±2.3% 1.029 ms ±2.3% 🟡 +2.9%
compile / conditions / repeated / shared corpus 252.2 ms ±5.3% 248 ms ±5.5% 🟡 -1.7%
compile / conditions / unique / shared corpus 297.1 ms ±6.0% 292 ms ±5.1% 🟡 -1.7%
compile / conditions / partial / shared corpus 23.91 ms ±1.8% 24.13 ms ±2.0% 🟡 +0.9%
compile / conditions / palette / shared corpus 20.68 ms ±3.1% 20.69 ms ±2.3% 🟡 +0.1%
compile / conditions / independent / shared corpus 24.17 ms ±2.6% 24.11 ms ±2.9% 🟡 -0.3%
compile / conditions / sparse / shared corpus 16.84 ms ±2.4% 16.99 ms ±3.1% 🟡 +0.9%
compile / conditions / components / shared corpus 13.72 ms ±3.1% 13.76 ms ±2.8% 🟡 +0.3%
stylesheet contributions / compile shared graph 1.519 ms ±4.6% 1.571 ms ±5.3% 🟡 +3.4%
dynamic callbacks / compile 0.458 ms ±7.7% 0.4515 ms ±5.6% 🟡 -1.4%
font palette publication / 10 palettes / source transform with maps 2.279 ms ±2.7% 2.29 ms ±2.6% 🟡 +0.5%
font palette publication / 10 palettes / packed stylesheet consumption 3.55 ms ±1.8% 3.489 ms ±1.8% 🟡 -1.7%
font palette publication / 100 palettes / source transform with maps 15.64 ms ±3.0% 15.41 ms ±2.9% 🟡 -1.5%
font palette publication / 100 palettes / packed stylesheet consumption 31.83 ms ±1.8% 32.2 ms ±2.0% 🟡 +1.2%
namespace publication / 10 selectors / source transform with maps 0.9661 ms ±2.7% 0.8913 ms ±1.8% 🟡 -7.7%
namespace publication / 10 selectors / packed stylesheet consumption 1.445 ms ±1.2% 1.481 ms ±1.4% 🟡 +2.5%
namespace publication / 100 selectors / source transform with maps 4.49 ms ±2.1% 4.5 ms ±2.1% 🟡 +0.2%
namespace publication / 100 selectors / packed stylesheet consumption 11.08 ms ±1.5% 11.15 ms ±2.0% 🟡 +0.6%
compile / typography and queries / 10 styles / source 1.478 ms ±2.7% 1.533 ms ±2.6% 🟡 +3.7%
compile / typography and queries / 10 styles / bundled source graph 65.51 ms ±2.0% 65.31 ms ±2.4% 🟡 -0.3%
compile / typography and queries / 100 styles / source 6.693 ms ±2.9% 6.63 ms ±2.9% 🟡 -0.9%
compile / typography and queries / 100 styles / bundled source graph 110.1 ms ±1.0% 109.2 ms ±1.6% 🟡 -0.7%
compile / typography and queries / 1000 styles / source 96.1 ms ±7.7% 93.52 ms ±6.1% 🟡 -2.7%
compile / typography and queries / 1000 styles / bundled source graph 597.4 ms ±0.5% 590.9 ms ±0.7% 🟡 -1.1%
compile / integration corpus with query metadata / all fixtures 60.74 ms ±2.7% 61.95 ms ±2.7% 🟡 +2.0%
theme variable templates / compile 1.245 ms ±7.5% 1.206 ms ±7.8% 🟡 -3.1%
file host / 100 styles / cold process rebuild 193.3 ms ±2.4% 191.7 ms ±3.4% 🟡 -0.9%
file host / 100 styles / unchanged rebuild 3.432 ms ±7.0% 3.522 ms ±7.0% 🟡 +2.6%
file host / 100 styles / watch edit 17.75 ms ±15.4% 18.19 ms ±15.8% 🟡 +2.5%
native tables / 100 styles / 2 vars / 2 schemes / compile 2.253 ms ±0.2% 2.328 ms ±0.3% 🟡 +3.4%
native tables / 100 styles / 2 vars / 2 schemes / select 0.00009627 ms ±0.1% 0.00009229 ms ±0.1% 🟡 -4.1%
native composition / compiled table and local override / compose and flatten 0.001371 ms ±0.2% 0.001368 ms ±0.2% 🟡 -0.2%
native variants / 9 selections / 2 vars / 2 schemes / compile 0.4134 ms ±0.5% 0.4238 ms ±0.6% 🟡 +2.5%
native variants / 256 selections / 2 vars / 2 schemes / compile 13.33 ms ±1.2% 13.42 ms ±1.2% 🟡 +0.6%
native variants / 512 selections rejected / 2 vars / 2 schemes / compile 0.008384 ms ±0.5% 0.008501 ms ±0.4% 🟡 +1.4%
DOM styling attributes / dynamic props 0.0001225 ms ±1.6% 0.000114 ms ±1.7% 🟡 -6.9%
DOM styling attributes / dynamic DOM attributes 0.001301 ms ±1.4% 0.001314 ms ±0.3% 🟡 +1.0%
DOM styling attributes / dynamic HTML attributes 0.002272 ms ±0.4% 0.002287 ms ±0.3% 🟡 +0.7%
static props binding / no overrides 0.00005553 ms ±0.1% 0.00005258 ms ±0.1% 🟡 -5.3%
static props binding / styling overrides 0.00005636 ms ±0.1% 0.00005322 ms ±0.1% 🟡 -5.6%
vite build / 10 consumers / production build 173.8 ms ±2.6% 177.7 ms ±2.5% 🟡 +2.2%
vite build / 100 consumers / production build 6132 ms ±2.9% 6179 ms ±2.8% 🟡 +0.8%
components/zyzz / CSS gzip 281 B 281 B 🟡 0 B · 0.0%
components/zyzz / JS gzip 360 B 360 B 🟡 0 B · 0.0%
components/zyzz / Total gzip 641 B 641 B 🟡 0 B · 0.0%
graph/10-sizes / CSS gzip 357 B 357 B 🟡 0 B · 0.0%
graph/10-sizes / JS gzip 242 B 242 B 🟡 0 B · 0.0%
graph/10-sizes / Total gzip 599 B 599 B 🟡 0 B · 0.0%
graph/100-sizes / CSS gzip 1293 B 1293 B 🟡 0 B · 0.0%
graph/100-sizes / JS gzip 1502 B 1502 B 🟡 0 B · 0.0%
graph/100-sizes / Total gzip 2795 B 2795 B 🟡 0 B · 0.0%
independent/zyzz / CSS gzip 2195 B 2195 B 🟡 0 B · 0.0%
independent/zyzz / JS gzip 552 B 552 B 🟡 0 B · 0.0%
independent/zyzz / Total gzip 2747 B 2747 B 🟡 0 B · 0.0%
palette/zyzz / CSS gzip 238 B 238 B 🟡 0 B · 0.0%
palette/zyzz / JS gzip 371 B 371 B 🟡 0 B · 0.0%
palette/zyzz / Total gzip 609 B 609 B 🟡 0 B · 0.0%
partial/zyzz / CSS gzip 1159 B 1159 B 🟡 0 B · 0.0%
partial/zyzz / JS gzip 552 B 552 B 🟡 0 B · 0.0%
partial/zyzz / Total gzip 1711 B 1711 B 🟡 0 B · 0.0%
reachability/0 / CSS gzip 69 B 69 B 🟡 0 B · 0.0%
reachability/0 / JS gzip 279 B 279 B 🟡 0 B · 0.0%
reachability/0 / Total gzip 348 B 348 B 🟡 0 B · 0.0%
reachability/100 / CSS gzip 71 B 71 B 🟡 0 B · 0.0%
reachability/100 / JS gzip 522 B 522 B 🟡 0 B · 0.0%
reachability/100 / Total gzip 593 B 593 B 🟡 0 B · 0.0%
repeated/zyzz / CSS gzip 110 B 110 B 🟡 0 B · 0.0%
repeated/zyzz / JS gzip 348 B 348 B 🟡 0 B · 0.0%
repeated/zyzz / Total gzip 458 B 458 B 🟡 0 B · 0.0%
small/zyzz / CSS gzip 110 B 110 B 🟡 0 B · 0.0%
small/zyzz / JS gzip 319 B 319 B 🟡 0 B · 0.0%
small/zyzz / Total gzip 429 B 429 B 🟡 0 B · 0.0%
sparse/zyzz / CSS gzip 850 B 850 B 🟡 0 B · 0.0%
sparse/zyzz / JS gzip 536 B 536 B 🟡 0 B · 0.0%
sparse/zyzz / Total gzip 1386 B 1386 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz-tokens / CSS gzip 197 B 197 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz-tokens / JS gzip 383 B 383 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz-tokens / Total gzip 580 B 580 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz / CSS gzip 197 B 197 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz / JS gzip 383 B 383 B 🟡 0 B · 0.0%
theme-comparison/10/zyzz / Total gzip 580 B 580 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz-tokens / CSS gzip 530 B 530 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz-tokens / JS gzip 588 B 588 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz-tokens / Total gzip 1118 B 1118 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz / CSS gzip 530 B 530 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz / JS gzip 588 B 588 B 🟡 0 B · 0.0%
theme-comparison/100/zyzz / Total gzip 1118 B 1118 B 🟡 0 B · 0.0%
themes/10 / CSS gzip 163 B 163 B 🟡 0 B · 0.0%
themes/100 / CSS gzip 507 B 507 B 🟡 0 B · 0.0%
transform/alias-10 / CSS gzip 340 B 340 B 🟡 0 B · 0.0%
transform/alias-10 / JS gzip 1179 B 1179 B 🟡 0 B · 0.0%
transform/alias-10 / Total gzip 1519 B 1519 B 🟡 0 B · 0.0%
transform/alias-100 / CSS gzip 1254 B 1254 B 🟡 0 B · 0.0%
transform/alias-100 / JS gzip 2890 B 2890 B 🟡 0 B · 0.0%
transform/alias-100 / Total gzip 4144 B 4144 B 🟡 0 B · 0.0%
transform/alias-1000 / CSS gzip 10464 B 10464 B 🟡 0 B · 0.0%
transform/alias-1000 / JS gzip 19031 B 19031 B 🟡 0 B · 0.0%
transform/alias-1000 / Total gzip 29495 B 29495 B 🟡 0 B · 0.0%
transform/backgrounds-10 / CSS gzip 510 B 510 B 🟡 0 B · 0.0%
transform/backgrounds-10 / JS gzip 329 B 329 B 🟡 0 B · 0.0%
transform/backgrounds-10 / Total gzip 839 B 839 B 🟡 0 B · 0.0%
transform/backgrounds-100 / CSS gzip 981 B 981 B 🟡 0 B · 0.0%
transform/backgrounds-100 / JS gzip 1054 B 1054 B 🟡 0 B · 0.0%
transform/backgrounds-100 / Total gzip 2035 B 2035 B 🟡 0 B · 0.0%
transform/borderLists-10 / CSS gzip 290 B 290 B 🟡 0 B · 0.0%
transform/borderLists-10 / JS gzip 175 B 175 B 🟡 0 B · 0.0%
transform/borderLists-10 / Total gzip 465 B 465 B 🟡 0 B · 0.0%
transform/borderLists-100 / CSS gzip 758 B 758 B 🟡 0 B · 0.0%
transform/borderLists-100 / JS gzip 896 B 896 B 🟡 0 B · 0.0%
transform/borderLists-100 / Total gzip 1654 B 1654 B 🟡 0 B · 0.0%
transform/borderShorthand-10 / CSS gzip 206 B 206 B 🟡 0 B · 0.0%
transform/borderShorthand-10 / JS gzip 169 B 169 B 🟡 0 B · 0.0%
transform/borderShorthand-10 / Total gzip 375 B 375 B 🟡 0 B · 0.0%
transform/borderShorthand-100 / CSS gzip 642 B 642 B 🟡 0 B · 0.0%
transform/borderShorthand-100 / JS gzip 882 B 882 B 🟡 0 B · 0.0%
transform/borderShorthand-100 / Total gzip 1524 B 1524 B 🟡 0 B · 0.0%
transform/borders-10 / CSS gzip 467 B 467 B 🟡 0 B · 0.0%
transform/borders-10 / JS gzip 359 B 359 B 🟡 0 B · 0.0%
transform/borders-10 / Total gzip 826 B 826 B 🟡 0 B · 0.0%
transform/borders-100 / CSS gzip 984 B 984 B 🟡 0 B · 0.0%
transform/borders-100 / JS gzip 1093 B 1093 B 🟡 0 B · 0.0%
transform/borders-100 / Total gzip 2077 B 2077 B 🟡 0 B · 0.0%
transform/boxLists-10 / CSS gzip 238 B 238 B 🟡 0 B · 0.0%
transform/boxLists-10 / JS gzip 174 B 174 B 🟡 0 B · 0.0%
transform/boxLists-10 / Total gzip 412 B 412 B 🟡 0 B · 0.0%
transform/boxLists-100 / CSS gzip 682 B 682 B 🟡 0 B · 0.0%
transform/boxLists-100 / JS gzip 891 B 891 B 🟡 0 B · 0.0%
transform/boxLists-100 / Total gzip 1573 B 1573 B 🟡 0 B · 0.0%
transform/colors-10 / CSS gzip 547 B 547 B 🟡 0 B · 0.0%
transform/colors-10 / JS gzip 380 B 380 B 🟡 0 B · 0.0%
transform/colors-10 / Total gzip 927 B 927 B 🟡 0 B · 0.0%
transform/colors-100 / CSS gzip 1039 B 1039 B 🟡 0 B · 0.0%
transform/colors-100 / JS gzip 1137 B 1137 B 🟡 0 B · 0.0%
transform/colors-100 / Total gzip 2176 B 2176 B 🟡 0 B · 0.0%
transform/columns-10 / CSS gzip 403 B 403 B 🟡 0 B · 0.0%
transform/columns-10 / JS gzip 333 B 333 B 🟡 0 B · 0.0%
transform/columns-10 / Total gzip 736 B 736 B 🟡 0 B · 0.0%
transform/columns-100 / CSS gzip 862 B 862 B 🟡 0 B · 0.0%
transform/columns-100 / JS gzip 1060 B 1060 B 🟡 0 B · 0.0%
transform/columns-100 / Total gzip 1922 B 1922 B 🟡 0 B · 0.0%
transform/containerSizing-10 / CSS gzip 193 B 193 B 🟡 0 B · 0.0%
transform/containerSizing-10 / JS gzip 191 B 191 B 🟡 0 B · 0.0%
transform/containerSizing-10 / Total gzip 384 B 384 B 🟡 0 B · 0.0%
transform/containerSizing-100 / CSS gzip 618 B 618 B 🟡 0 B · 0.0%
transform/containerSizing-100 / JS gzip 916 B 916 B 🟡 0 B · 0.0%
transform/containerSizing-100 / Total gzip 1534 B 1534 B 🟡 0 B · 0.0%
transform/controls-10 / CSS gzip 330 B 330 B 🟡 0 B · 0.0%
transform/controls-10 / JS gzip 199 B 199 B 🟡 0 B · 0.0%
transform/controls-10 / Total gzip 529 B 529 B 🟡 0 B · 0.0%
transform/controls-100 / CSS gzip 776 B 776 B 🟡 0 B · 0.0%
transform/controls-100 / JS gzip 917 B 917 B 🟡 0 B · 0.0%
transform/controls-100 / Total gzip 1693 B 1693 B 🟡 0 B · 0.0%
transform/corners-10 / CSS gzip 349 B 349 B 🟡 0 B · 0.0%
transform/corners-10 / JS gzip 226 B 226 B 🟡 0 B · 0.0%
transform/corners-10 / Total gzip 575 B 575 B 🟡 0 B · 0.0%
transform/corners-100 / CSS gzip 863 B 863 B 🟡 0 B · 0.0%
transform/corners-100 / JS gzip 942 B 942 B 🟡 0 B · 0.0%
transform/corners-100 / Total gzip 1805 B 1805 B 🟡 0 B · 0.0%
transform/decoration-10 / CSS gzip 448 B 448 B 🟡 0 B · 0.0%
transform/decoration-10 / JS gzip 313 B 313 B 🟡 0 B · 0.0%
transform/decoration-10 / Total gzip 761 B 761 B 🟡 0 B · 0.0%
transform/decoration-100 / CSS gzip 958 B 958 B 🟡 0 B · 0.0%
transform/decoration-100 / JS gzip 1051 B 1051 B 🟡 0 B · 0.0%
transform/decoration-100 / Total gzip 2009 B 2009 B 🟡 0 B · 0.0%
transform/flex-10 / CSS gzip 436 B 436 B 🟡 0 B · 0.0%
transform/flex-10 / JS gzip 295 B 295 B 🟡 0 B · 0.0%
transform/flex-10 / Total gzip 731 B 731 B 🟡 0 B · 0.0%
transform/flex-100 / CSS gzip 1162 B 1162 B 🟡 0 B · 0.0%
transform/flex-100 / JS gzip 1019 B 1019 B 🟡 0 B · 0.0%
transform/flex-100 / Total gzip 2181 B 2181 B 🟡 0 B · 0.0%
transform/fonts-10 / CSS gzip 584 B 584 B 🟡 0 B · 0.0%
transform/fonts-10 / JS gzip 438 B 438 B 🟡 0 B · 0.0%
transform/fonts-10 / Total gzip 1022 B 1022 B 🟡 0 B · 0.0%
transform/fonts-100 / CSS gzip 1091 B 1091 B 🟡 0 B · 0.0%
transform/fonts-100 / JS gzip 1190 B 1190 B 🟡 0 B · 0.0%
transform/fonts-100 / Total gzip 2281 B 2281 B 🟡 0 B · 0.0%
transform/functionalColors-10 / CSS gzip 452 B 452 B 🟡 0 B · 0.0%
transform/functionalColors-10 / JS gzip 1025 B 1025 B 🟡 0 B · 0.0%
transform/functionalColors-10 / Total gzip 1477 B 1477 B 🟡 0 B · 0.0%
transform/functionalColors-100 / CSS gzip 912 B 912 B 🟡 0 B · 0.0%
transform/functionalColors-100 / JS gzip 1831 B 1831 B 🟡 0 B · 0.0%
transform/functionalColors-100 / Total gzip 2743 B 2743 B 🟡 0 B · 0.0%
transform/geometry-10 / CSS gzip 253 B 253 B 🟡 0 B · 0.0%
transform/geometry-10 / JS gzip 224 B 224 B 🟡 0 B · 0.0%
transform/geometry-10 / Total gzip 477 B 477 B 🟡 0 B · 0.0%
transform/geometry-100 / CSS gzip 709 B 709 B 🟡 0 B · 0.0%
transform/geometry-100 / JS gzip 957 B 957 B 🟡 0 B · 0.0%
transform/geometry-100 / Total gzip 1666 B 1666 B 🟡 0 B · 0.0%
transform/grid-10 / CSS gzip 241 B 241 B 🟡 0 B · 0.0%
transform/grid-10 / JS gzip 192 B 192 B 🟡 0 B · 0.0%
transform/grid-10 / Total gzip 433 B 433 B 🟡 0 B · 0.0%
transform/grid-100 / CSS gzip 640 B 640 B 🟡 0 B · 0.0%
transform/grid-100 / JS gzip 909 B 909 B 🟡 0 B · 0.0%
transform/grid-100 / Total gzip 1549 B 1549 B 🟡 0 B · 0.0%
transform/gridLines-10 / CSS gzip 138 B 138 B 🟡 0 B · 0.0%
transform/gridLines-10 / JS gzip 199 B 199 B 🟡 0 B · 0.0%
transform/gridLines-10 / Total gzip 337 B 337 B 🟡 0 B · 0.0%
transform/gridLines-100 / CSS gzip 138 B 138 B 🟡 0 B · 0.0%
transform/gridLines-100 / JS gzip 733 B 733 B 🟡 0 B · 0.0%
transform/gridLines-100 / Total gzip 871 B 871 B 🟡 0 B · 0.0%
transform/gridLists-10 / CSS gzip 242 B 242 B 🟡 0 B · 0.0%
transform/gridLists-10 / JS gzip 195 B 195 B 🟡 0 B · 0.0%
transform/gridLists-10 / Total gzip 437 B 437 B 🟡 0 B · 0.0%
transform/gridLists-100 / CSS gzip 695 B 695 B 🟡 0 B · 0.0%
transform/gridLists-100 / JS gzip 908 B 908 B 🟡 0 B · 0.0%
transform/gridLists-100 / Total gzip 1603 B 1603 B 🟡 0 B · 0.0%
transform/identifiers-10 / CSS gzip 374 B 374 B 🟡 0 B · 0.0%
transform/identifiers-10 / JS gzip 202 B 202 B 🟡 0 B · 0.0%
transform/identifiers-10 / Total gzip 576 B 576 B 🟡 0 B · 0.0%
transform/identifiers-100 / CSS gzip 1240 B 1240 B 🟡 0 B · 0.0%
transform/identifiers-100 / JS gzip 932 B 932 B 🟡 0 B · 0.0%
transform/identifiers-100 / Total gzip 2172 B 2172 B 🟡 0 B · 0.0%
transform/interaction-10 / CSS gzip 320 B 320 B 🟡 0 B · 0.0%
transform/interaction-10 / JS gzip 279 B 279 B 🟡 0 B · 0.0%
transform/interaction-10 / Total gzip 599 B 599 B 🟡 0 B · 0.0%
transform/interaction-100 / CSS gzip 833 B 833 B 🟡 0 B · 0.0%
transform/interaction-100 / JS gzip 1003 B 1003 B 🟡 0 B · 0.0%
transform/interaction-100 / Total gzip 1836 B 1836 B 🟡 0 B · 0.0%
transform/keywordGroups-10 / CSS gzip 265 B 265 B 🟡 0 B · 0.0%
transform/keywordGroups-10 / JS gzip 182 B 182 B 🟡 0 B · 0.0%
transform/keywordGroups-10 / Total gzip 447 B 447 B 🟡 0 B · 0.0%
transform/keywordGroups-100 / CSS gzip 726 B 726 B 🟡 0 B · 0.0%
transform/keywordGroups-100 / JS gzip 905 B 905 B 🟡 0 B · 0.0%
transform/keywordGroups-100 / Total gzip 1631 B 1631 B 🟡 0 B · 0.0%
transform/layout-10 / CSS gzip 328 B 328 B 🟡 0 B · 0.0%
transform/layout-10 / JS gzip 250 B 250 B 🟡 0 B · 0.0%
transform/layout-10 / Total gzip 578 B 578 B 🟡 0 B · 0.0%
transform/layout-100 / CSS gzip 735 B 735 B 🟡 0 B · 0.0%
transform/layout-100 / JS gzip 973 B 973 B 🟡 0 B · 0.0%
transform/layout-100 / Total gzip 1708 B 1708 B 🟡 0 B · 0.0%
transform/literal-10 / CSS gzip 138 B 138 B 🟡 0 B · 0.0%
transform/literal-10 / JS gzip 389 B 389 B 🟡 0 B · 0.0%
transform/literal-10 / Total gzip 527 B 527 B 🟡 0 B · 0.0%
transform/literal-100 / CSS gzip 588 B 588 B 🟡 0 B · 0.0%
transform/literal-100 / JS gzip 1208 B 1208 B 🟡 0 B · 0.0%
transform/literal-100 / Total gzip 1796 B 1796 B 🟡 0 B · 0.0%
transform/literal-1000 / CSS gzip 5936 B 5936 B 🟡 0 B · 0.0%
transform/literal-1000 / JS gzip 9181 B 9181 B 🟡 0 B · 0.0%
transform/literal-1000 / Total gzip 15117 B 15117 B 🟡 0 B · 0.0%
transform/logical-10 / CSS gzip 484 B 484 B 🟡 0 B · 0.0%
transform/logical-10 / JS gzip 1067 B 1067 B 🟡 0 B · 0.0%
transform/logical-10 / Total gzip 1551 B 1551 B 🟡 0 B · 0.0%
transform/logical-100 / CSS gzip 974 B 974 B 🟡 0 B · 0.0%
transform/logical-100 / JS gzip 1852 B 1852 B 🟡 0 B · 0.0%
transform/logical-100 / Total gzip 2826 B 2826 B 🟡 0 B · 0.0%
transform/masks-10 / CSS gzip 317 B 317 B 🟡 0 B · 0.0%
transform/masks-10 / JS gzip 191 B 191 B 🟡 0 B · 0.0%
transform/masks-10 / Total gzip 508 B 508 B 🟡 0 B · 0.0%
transform/masks-100 / CSS gzip 774 B 774 B 🟡 0 B · 0.0%
transform/masks-100 / JS gzip 913 B 913 B 🟡 0 B · 0.0%
transform/masks-100 / Total gzip 1687 B 1687 B 🟡 0 B · 0.0%
transform/mathExpressions-10 / CSS gzip 282 B 282 B 🟡 0 B · 0.0%
transform/mathExpressions-10 / JS gzip 189 B 189 B 🟡 0 B · 0.0%
transform/mathExpressions-10 / Total gzip 471 B 471 B 🟡 0 B · 0.0%
transform/mathExpressions-100 / CSS gzip 677 B 677 B 🟡 0 B · 0.0%
transform/mathExpressions-100 / JS gzip 908 B 908 B 🟡 0 B · 0.0%
transform/mathExpressions-100 / Total gzip 1585 B 1585 B 🟡 0 B · 0.0%
transform/motion-10 / CSS gzip 291 B 291 B 🟡 0 B · 0.0%
transform/motion-10 / JS gzip 196 B 196 B 🟡 0 B · 0.0%
transform/motion-10 / Total gzip 487 B 487 B 🟡 0 B · 0.0%
transform/motion-100 / CSS gzip 757 B 757 B 🟡 0 B · 0.0%
transform/motion-100 / JS gzip 914 B 914 B 🟡 0 B · 0.0%
transform/motion-100 / Total gzip 1671 B 1671 B 🟡 0 B · 0.0%
transform/motionLists-10 / CSS gzip 342 B 342 B 🟡 0 B · 0.0%
transform/motionLists-10 / JS gzip 175 B 175 B 🟡 0 B · 0.0%
transform/motionLists-10 / Total gzip 517 B 517 B 🟡 0 B · 0.0%
transform/motionLists-100 / CSS gzip 823 B 823 B 🟡 0 B · 0.0%
transform/motionLists-100 / JS gzip 883 B 883 B 🟡 0 B · 0.0%
transform/motionLists-100 / Total gzip 1706 B 1706 B 🟡 0 B · 0.0%
transform/percentage-10 / CSS gzip 243 B 243 B 🟡 0 B · 0.0%
transform/percentage-10 / JS gzip 208 B 208 B 🟡 0 B · 0.0%
transform/percentage-10 / Total gzip 451 B 451 B 🟡 0 B · 0.0%
transform/percentage-100 / CSS gzip 846 B 846 B 🟡 0 B · 0.0%
transform/percentage-100 / JS gzip 927 B 927 B 🟡 0 B · 0.0%
transform/percentage-100 / Total gzip 1773 B 1773 B 🟡 0 B · 0.0%
transform/prefixed-10 / CSS gzip 347 B 347 B 🟡 0 B · 0.0%
transform/prefixed-10 / JS gzip 213 B 213 B 🟡 0 B · 0.0%
transform/prefixed-10 / Total gzip 560 B 560 B 🟡 0 B · 0.0%
transform/prefixed-100 / CSS gzip 799 B 799 B 🟡 0 B · 0.0%
transform/prefixed-100 / JS gzip 947 B 947 B 🟡 0 B · 0.0%
transform/prefixed-100 / Total gzip 1746 B 1746 B 🟡 0 B · 0.0%
transform/ranges-10 / CSS gzip 143 B 143 B 🟡 0 B · 0.0%
transform/ranges-10 / JS gzip 174 B 174 B 🟡 0 B · 0.0%
transform/ranges-10 / Total gzip 317 B 317 B 🟡 0 B · 0.0%
transform/ranges-100 / CSS gzip 547 B 547 B 🟡 0 B · 0.0%
transform/ranges-100 / JS gzip 908 B 908 B 🟡 0 B · 0.0%
transform/ranges-100 / Total gzip 1455 B 1455 B 🟡 0 B · 0.0%
transform/reading-10 / CSS gzip 195 B 195 B 🟡 0 B · 0.0%
transform/reading-10 / JS gzip 204 B 204 B 🟡 0 B · 0.0%
transform/reading-10 / Total gzip 399 B 399 B 🟡 0 B · 0.0%
transform/reading-100 / CSS gzip 642 B 642 B 🟡 0 B · 0.0%
transform/reading-100 / JS gzip 913 B 913 B 🟡 0 B · 0.0%
transform/reading-100 / Total gzip 1555 B 1555 B 🟡 0 B · 0.0%
transform/scalars-10 / CSS gzip 280 B 280 B 🟡 0 B · 0.0%
transform/scalars-10 / JS gzip 206 B 206 B 🟡 0 B · 0.0%
transform/scalars-10 / Total gzip 486 B 486 B 🟡 0 B · 0.0%
transform/scalars-100 / CSS gzip 710 B 710 B 🟡 0 B · 0.0%
transform/scalars-100 / JS gzip 925 B 925 B 🟡 0 B · 0.0%
transform/scalars-100 / Total gzip 1635 B 1635 B 🟡 0 B · 0.0%
transform/scrolling-10 / CSS gzip 437 B 437 B 🟡 0 B · 0.0%
transform/scrolling-10 / JS gzip 359 B 359 B 🟡 0 B · 0.0%
transform/scrolling-10 / Total gzip 796 B 796 B 🟡 0 B · 0.0%
transform/scrolling-100 / CSS gzip 949 B 949 B 🟡 0 B · 0.0%
transform/scrolling-100 / JS gzip 1093 B 1093 B 🟡 0 B · 0.0%
transform/scrolling-100 / Total gzip 2042 B 2042 B 🟡 0 B · 0.0%
transform/sizing-10 / CSS gzip 409 B 409 B 🟡 0 B · 0.0%
transform/sizing-10 / JS gzip 352 B 352 B 🟡 0 B · 0.0%
transform/sizing-10 / Total gzip 761 B 761 B 🟡 0 B · 0.0%
transform/sizing-100 / CSS gzip 895 B 895 B 🟡 0 B · 0.0%
transform/sizing-100 / JS gzip 1088 B 1088 B 🟡 0 B · 0.0%
transform/sizing-100 / Total gzip 1983 B 1983 B 🟡 0 B · 0.0%
transform/snapping-10 / CSS gzip 476 B 476 B 🟡 0 B · 0.0%
transform/snapping-10 / JS gzip 317 B 317 B 🟡 0 B · 0.0%
transform/snapping-10 / Total gzip 793 B 793 B 🟡 0 B · 0.0%
transform/snapping-100 / CSS gzip 1018 B 1018 B 🟡 0 B · 0.0%
transform/snapping-100 / JS gzip 1042 B 1042 B 🟡 0 B · 0.0%
transform/snapping-100 / Total gzip 2060 B 2060 B 🟡 0 B · 0.0%
transform/substitution-10 / CSS gzip 249 B 249 B 🟡 0 B · 0.0%
transform/substitution-10 / JS gzip 190 B 190 B 🟡 0 B · 0.0%
transform/substitution-10 / Total gzip 439 B 439 B 🟡 0 B · 0.0%
transform/substitution-100 / CSS gzip 700 B 700 B 🟡 0 B · 0.0%
transform/substitution-100 / JS gzip 904 B 904 B 🟡 0 B · 0.0%
transform/substitution-100 / Total gzip 1604 B 1604 B 🟡 0 B · 0.0%
transform/svg-10 / CSS gzip 600 B 600 B 🟡 0 B · 0.0%
transform/svg-10 / JS gzip 488 B 488 B 🟡 0 B · 0.0%
transform/svg-10 / Total gzip 1088 B 1088 B 🟡 0 B · 0.0%
transform/svg-100 / CSS gzip 1076 B 1076 B 🟡 0 B · 0.0%
transform/svg-100 / JS gzip 1244 B 1244 B 🟡 0 B · 0.0%
transform/svg-100 / Total gzip 2320 B 2320 B 🟡 0 B · 0.0%
transform/tables-10 / CSS gzip 245 B 245 B 🟡 0 B · 0.0%
transform/tables-10 / JS gzip 200 B 200 B 🟡 0 B · 0.0%
transform/tables-10 / Total gzip 445 B 445 B 🟡 0 B · 0.0%
transform/tables-100 / CSS gzip 733 B 733 B 🟡 0 B · 0.0%
transform/tables-100 / JS gzip 921 B 921 B 🟡 0 B · 0.0%
transform/tables-100 / Total gzip 1654 B 1654 B 🟡 0 B · 0.0%
transform/text-10 / CSS gzip 413 B 413 B 🟡 0 B · 0.0%
transform/text-10 / JS gzip 336 B 336 B 🟡 0 B · 0.0%
transform/text-10 / Total gzip 749 B 749 B 🟡 0 B · 0.0%
transform/text-100 / CSS gzip 895 B 895 B 🟡 0 B · 0.0%
transform/text-100 / JS gzip 1076 B 1076 B 🟡 0 B · 0.0%
transform/text-100 / Total gzip 1971 B 1971 B 🟡 0 B · 0.0%
transform/textTimeline-10 / CSS gzip 270 B 270 B 🟡 0 B · 0.0%
transform/textTimeline-10 / JS gzip 190 B 190 B 🟡 0 B · 0.0%
transform/textTimeline-10 / Total gzip 460 B 460 B 🟡 0 B · 0.0%
transform/textTimeline-100 / CSS gzip 721 B 721 B 🟡 0 B · 0.0%
transform/textTimeline-100 / JS gzip 911 B 911 B 🟡 0 B · 0.0%
transform/textTimeline-100 / Total gzip 1632 B 1632 B 🟡 0 B · 0.0%
transform/theme-10 / CSS gzip 343 B 343 B 🟡 0 B · 0.0%
transform/theme-10 / JS gzip 1170 B 1170 B 🟡 0 B · 0.0%
transform/theme-10 / Total gzip 1513 B 1513 B 🟡 0 B · 0.0%
transform/theme-100 / CSS gzip 1285 B 1285 B 🟡 0 B · 0.0%
transform/theme-100 / JS gzip 2913 B 2913 B 🟡 0 B · 0.0%
transform/theme-100 / Total gzip 4198 B 4198 B 🟡 0 B · 0.0%
transform/theme-1000 / CSS gzip 10491 B 10491 B 🟡 0 B · 0.0%
transform/theme-1000 / JS gzip 18569 B 18569 B 🟡 0 B · 0.0%
transform/theme-1000 / Total gzip 29060 B 29060 B 🟡 0 B · 0.0%
transform/tokens-10 / CSS gzip 334 B 334 B 🟡 0 B · 0.0%
transform/tokens-10 / JS gzip 1169 B 1169 B 🟡 0 B · 0.0%
transform/tokens-10 / Total gzip 1503 B 1503 B 🟡 0 B · 0.0%
transform/tokens-100 / CSS gzip 1248 B 1248 B 🟡 0 B · 0.0%
transform/tokens-100 / JS gzip 2873 B 2873 B 🟡 0 B · 0.0%
transform/tokens-100 / Total gzip 4121 B 4121 B 🟡 0 B · 0.0%
transform/tokens-1000 / CSS gzip 10286 B 10286 B 🟡 0 B · 0.0%
transform/tokens-1000 / JS gzip 18679 B 18679 B 🟡 0 B · 0.0%
transform/tokens-1000 / Total gzip 28965 B 28965 B 🟡 0 B · 0.0%
transform/tuples-10 / CSS gzip 318 B 318 B 🟡 0 B · 0.0%
transform/tuples-10 / JS gzip 278 B 278 B 🟡 0 B · 0.0%
transform/tuples-10 / Total gzip 596 B 596 B 🟡 0 B · 0.0%
transform/tuples-100 / CSS gzip 789 B 789 B 🟡 0 B · 0.0%
transform/tuples-100 / JS gzip 1024 B 1024 B 🟡 0 B · 0.0%
transform/tuples-100 / Total gzip 1813 B 1813 B 🟡 0 B · 0.0%
unique/zyzz / CSS gzip 4238 B 4238 B 🟡 0 B · 0.0%
unique/zyzz / JS gzip 2361 B 2361 B 🟡 0 B · 0.0%
unique/zyzz / Total gzip 6599 B 6599 B 🟡 0 B · 0.0%
vite/10 / CSS gzip 361 B 361 B 🟡 0 B · 0.0%
vite/10 / JS gzip 1311 B 1311 B 🟡 0 B · 0.0%
vite/10 / Total gzip 1672 B 1672 B 🟡 0 B · 0.0%
vite/100 / CSS gzip 1934 B 1934 B 🟡 0 B · 0.0%
vite/100 / JS gzip 3062 B 3062 B 🟡 0 B · 0.0%
vite/100 / Total gzip 4996 B 4996 B 🟡 0 B · 0.0%
configuration / 10 styles / normalize + validate + emit Unavailable Unavailable No timing samples
configuration / 100 styles / normalize + validate + emit Unavailable Unavailable No timing samples

Extraction, transforms, binding, host, and theme timings

Source Extraction

Workload Time (ms) Error (±%) Samples
10 styles 0.599 8.34 167
100 styles 3.709 9.56 28
1000 styles 32.592 13.34 4

Module Transforms

Literal Styles

Styles Time (ms) CSS gzip JS gzip Total gzip
10 0.718 138 389 527
100 4.984 588 1208 1796
1000 77.955 5936 9181 15117

Local Theme Styles

Styles Time (ms) CSS gzip JS gzip Total gzip
10 1.905 343 1170 1513
100 7.283 1285 2913 4198
1000 95.129 10491 18569 29060

Theme Aliases

Styles Time (ms) CSS gzip JS gzip Total gzip
10 1.867 340 1179 1519
100 7.166 1254 2890 4144
1000 91.849 10464 19031 29495

Explicit Theme Tokens

Styles Time (ms) CSS gzip JS gzip Total gzip
10 1.862 334 1169 1503
100 7.534 1248 2873 4121
1000 96.537 10286 18679 28965

Static Props Binding

Application Time (ns) Error (±%) Samples
no overrides 53 0.09 9509700
styling overrides 53 0.08 9395581

File Host: 100 Styles

Operation Time (ms) Error (±%) Samples
cold process rebuild 191.651 3.44 3
unchanged rebuild 3.522 6.97 29
watch edit 18.188 15.77 6

Theme Compilation

Styles Time (ms) CSS raw CSS gzip CSS Brotli
10 0.064 323 163 133
100 0.37 2008 507 297

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant