mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-29 07:20:43 +00:00
zeekay
2a67b89737
They took the page's first load to 425 KB against perf.budget.json's 400. Each is prerendered into the HTML and its script loads at low priority; the own-GPUs band is its own component (components/enterprise/Own).
52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
'use client'
|
|
|
|
import { Text, XStack, YStack } from '@hanzo/ui'
|
|
import { More, TextLink } from '@hanzo/ui/marketing'
|
|
import Rack from '@/components/enterprise/Rack'
|
|
import { Table, Td, Th, Tr } from '@/components/benchmarks/parts'
|
|
import { SOURCES, SPARK } from '@/lib/enterprise'
|
|
import { day } from '@/lib/tally'
|
|
|
|
/**
|
|
* /enterprise's own GPUs: Zen 6's prefill as Hanzo measured it on one DGX Spark
|
|
* (lib/data/zen6-spark.json), then what a Zen 6 Max rack is made of (Rack).
|
|
*/
|
|
export default function Own() {
|
|
return (
|
|
<>
|
|
<YStack gap={12} mb={40}>
|
|
<Text render="h3" fontSize="$5" fontWeight="600" color="$ink">
|
|
Zen 6 on one DGX Spark, as Hanzo measured it
|
|
</Text>
|
|
<Table>
|
|
<thead>
|
|
<tr>
|
|
<Th left>Prompt</Th>
|
|
<Th>Prefill time</Th>
|
|
<Th>Prefill rate</Th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{SPARK.prefill.map((r) => (
|
|
<Tr key={r.tokens}>
|
|
<Td left>{`${r.tokens.toLocaleString('en-US')} tokens`}</Td>
|
|
<Td>{`${(r.ms / 1000).toFixed(1)} s`}</Td>
|
|
<Td>{`${r.tok_s.toLocaleString('en-US', { maximumFractionDigits: 0 })} tokens a second`}</Td>
|
|
</Tr>
|
|
))}
|
|
</tbody>
|
|
</Table>
|
|
<Text render="p" fontSize="$2" lineHeight="1.35rem" color="var(--muted-foreground)">
|
|
{`A cold prompt of about that many tokens on a quiet box, measured ${day(SPARK.measured)}: ${SPARK.box}; ${SPARK.model}.`}{' '}
|
|
<TextLink href={SOURCES.spark.url}>{SOURCES.spark.label}</TextLink>.
|
|
</Text>
|
|
<XStack flexWrap="wrap" columnGap={32} rowGap={12}>
|
|
<More href="/benchmarks/zen-6">Zen 6 on three machines</More>
|
|
<More href="/zen/zen6-max">Zen 6 Max</More>
|
|
</XStack>
|
|
</YStack>
|
|
<Rack />
|
|
</>
|
|
)
|
|
}
|