# Benchmarks

Performance comparison between Foundry releases.

<div style={{ marginBottom: '2rem' }}>
  <style>
    {`@keyframes bench-bar-grow{from{width:var(--bench-bar-from)}to{width:var(--bench-bar-to)}}`}
  </style>

  <h2 style={{ fontSize: '1.25rem', fontWeight: 600, marginBottom: '0.25rem' }}>Highlights</h2>
  <p style={{ fontSize: '0.875rem', color: 'var(--vocs-color_text3)', marginBottom: '1rem' }}>Aggregated change per benchmark category (sum of wallclock time across all repositories).</p>

  <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', border: '1px solid rgba(255,255,255,0.1)', borderRadius: '8px', padding: '1rem', background: 'rgba(255,255,255,0.02)' }}>
    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Test <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 4 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>29.7s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: '#22c55e', background: 'rgba(34,197,94,0.15)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↓55.2%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '42.84%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(34, 197, 94, 0.85)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: '#22c55e', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>13.3s</span>
    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Fuzz Test <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 4 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>12.2s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: '#22c55e', background: 'rgba(34,197,94,0.15)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↓59.1%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '39.07%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(34, 197, 94, 0.85)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: '#22c55e', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>4.97s</span>
    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Test (Isolated) <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 4 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>32.7s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: '#22c55e', background: 'rgba(34,197,94,0.15)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↓55.0%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '42.99%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(34, 197, 94, 0.85)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: '#22c55e', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>14.7s</span>
    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Build (No Cache) <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 4 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>3m 19s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: 'var(--vocs-color_text3)', background: 'rgba(148,163,184,0.18)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↓0.6%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '95.02%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(148, 163, 184, 0.6)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>3m 18s</span>
    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Build (With Cache) <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 4 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>0.28s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: '#ef4444', background: 'rgba(239,68,68,0.15)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↑4.6%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '100.00%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(239, 68, 68, 0.85)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: '#ef4444', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>0.29s</span>
    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 3.5rem 4rem', columnGap: '0.75rem', rowGap: '0.25rem', alignItems: 'center' }}>
      <div style={{ gridColumn: '1 / -1', fontSize: '0.875rem', fontWeight: 600, marginBottom: '0.375rem' }}>Forge Coverage <span style={{ color: 'var(--vocs-color_text3)', fontWeight: 400 }}>· 3 repos</span></div>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ width: '95.59%', height: '100%', background: 'rgba(148, 163, 184, 0.25)', borderRadius: '4px' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: 'var(--vocs-color_text3)', fontVariantNumeric: 'tabular-nums', textAlign: 'right' }}>3m 58s</span>
      <span style={{ gridRow: 'span 2', justifySelf: 'start', fontSize: '0.75rem', fontWeight: 600, color: '#22c55e', background: 'rgba(34,197,94,0.15)', padding: '0.125rem 0.5rem', borderRadius: '9999px', fontVariantNumeric: 'tabular-nums' }}>↓28.0%</span>

      <div style={{ height: '0.75rem', borderRadius: '4px', overflow: 'hidden' }}>
        <div style={{ ['--bench-bar-from']: '95.59%', ['--bench-bar-to']: '68.83%', width: 'var(--bench-bar-to)', height: '100%', background: 'rgba(34, 197, 94, 0.85)', borderRadius: '4px', animation: 'bench-bar-grow 800ms ease-out' }} />
      </div>

      <span style={{ fontSize: '0.7rem', color: '#22c55e', fontVariantNumeric: 'tabular-nums', textAlign: 'right', fontWeight: 500 }}>2m 51s</span>
    </div>
  </div>
</div>

<div style={{ display: 'flex', gap: '2rem', marginBottom: '1.5rem', flexWrap: 'wrap' }}>
  <div>
    <span style={{ fontSize: '0.75rem', color: 'var(--vocs-color_text3)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>Baseline</span>
    <div style={{ fontSize: '1.25rem', fontWeight: 600 }}>[v1.5.1](https://github.com/foundry-rs/foundry/releases/tag/v1.5.1)</div>
  </div>

  <div>
    <span style={{ fontSize: '0.75rem', color: 'var(--vocs-color_text3)', textTransform: 'uppercase', letterSpacing: '0.05em' }}>Latest</span>
    <div style={{ fontSize: '1.25rem', fontWeight: 600 }}>[v1.7.0](https://github.com/foundry-rs/foundry/releases/tag/v1.7.0)</div>
  </div>
</div>