Function run

pages/benchmark.ts:677–987

()

}

async function run() {
  const root = document.getElementById('root')!
  window.__BENCHMARK_REPORT__ = withRequestId({ status: 'error', message: 'Pending benchmark run' })
  clearNavigationReport()
  publishNavigationPhase('loading', requestId)

  let topLayoutSink = 0
  let scalingLayoutSink = 0
  let domBatchSink = 0
  let domInterleavedSink = 0

  // Create visible DOM container
  const container = document.createElement('div')
  container.style.cssText = 'position:relative;overflow:hidden;height:1px'
  document.body.appendChild(container)

  const divs: HTMLDivElement[] = []
  for (let i = 0; i < COUNT; i++) {
    const div = document.createElement('div')
    div.style.font = FONT
    div.style.lineHeight = `${LINE_HEIGHT}px`
    div.style.width = `${WIDTH_BEFORE}px`
    div.style.position = 'relative'
    div.style.wordWrap = 'break-word'
    div.style.overflowWrap = 'break-word'
    div.textContent = texts[i]!
    container.appendChild(div)
    divs.push(div)
  }
  divs[0]!.getBoundingClientRect() // force initial layout

  // Pre-prepare for layout benchmark
  const prepared: PreparedText[] = []
  for (let i = 0; i < COUNT; i++) {
    prepared.push(prepare(texts[i]!, FONT))
  }

  const results: BenchmarkResult[] = []
  const richTexts = texts.slice(0, RICH_COUNT)
  const richPreWrapTexts = Array.from(
    { length: RICH_PRE_WRAP_COUNT },
    (_, index) => buildPreWrapChunkStressText(index, RICH_PRE_WRAP_LINE_COUNT),
  )
  publishNavigationPhase('measuring', requestId)

  // --- 1. prepare() ---
  root.innerHTML = '<p>Benchmarking prepare()...</p>'
  await nextFrame()
  const tPrepare = bench(() => {
    clearCache()
    for (let i = 0; i < COUNT; i++) {
      prepare(texts[i]!, FONT)
    }
  }, PREPARE_SAMPLE_REPEATS)
  results.push({ label: 'Our library: prepare()', ms: tPrepare, desc: `One cold ${COUNT}-text measurement batch` })

  // --- 2. layout() ---
  root.innerHTML = '<p>Benchmarking layout()...</p>'