') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); Add virtualization to the trace viewer by mitul-s · Pull Request #2205 · vercel/workflow · GitHub
Skip to content

Add virtualization to the trace viewer - #2205

Merged
mitul-s merged 7 commits into
mainfrom
ms/trace-virtualization
Jun 1, 2026
Merged

Add virtualization to the trace viewer#2205
mitul-s merged 7 commits into
mainfrom
ms/trace-virtualization

Conversation

@mitul-s

@mitul-smitul-s commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

Follow up to adding loading more span support; if there's 100's of spans loaded, it will lag on animation states. Adding virtualization to account for those large runs.

@mitul-s
mitul-s requested a review from a team as a code ownerJune 1, 2026 19:42
@changeset-bot

changeset-botBot commented Jun 1, 2026•
edited
Loading

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 1430359

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages
NameType
@workflow/web-sharedPatch
@workflow/webPatch
@workflow/cliPatch
workflowPatch
@workflow/world-testingPatch
@workflow/corePatch
@workflow/buildersPatch
@workflow/nextPatch
@workflow/nitroPatch
@workflow/vitestPatch
@workflow/astroPatch
@workflow/nestPatch
@workflow/rollupPatch
@workflow/sveltekitPatch
@workflow/vitePatch
@workflow/nuxtPatch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel

vercelBot commented Jun 1, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

ProjectDeploymentActionsUpdated (UTC)
example-nextjs-workflow-turbopackReadyReadyPreview, CommentJun 1, 2026 7:48pm
example-nextjs-workflow-webpackReadyReadyPreview, CommentJun 1, 2026 7:48pm
example-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-astro-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-express-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-fastify-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-hono-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-nitro-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-nuxt-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-sveltekit-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-tanstack-start-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workbench-vite-workflowReadyReadyPreview, CommentJun 1, 2026 7:48pm
workflow-docsReadyReadyPreview, Comment, Open in v0Jun 1, 2026 7:48pm
workflow-swc-playgroundReadyReadyPreview, CommentJun 1, 2026 7:48pm
workflow-tarballsReadyReadyPreview, CommentJun 1, 2026 7:48pm
workflow-webReadyReadyPreview, CommentJun 1, 2026 7:48pm

@github-actions

github-actionsBot commented Jun 1, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

🧪 E2E Test Results

✅ All tests passed

Summary

PassedFailedSkippedTotal
✅ ▲ Vercel Production126602191485
✅ 💻 Local Development167102191890
✅ 📦 Local Production167102191890
✅ 🐘 Local Postgres167102191890
✅ 🪟 Windows13500135
✅ 📋 Other7690176945
Total7183010528235

Details by Category

✅ ▲ Vercel Production
AppPassedFailedSkipped
✅ astro109026
✅ example109026
✅ express109026
✅ fastify109026
✅ hono109026
✅ nextjs-turbopack13302
✅ nextjs-webpack13302
✅ nitro109026
✅ nuxt109026
✅ sveltekit12807
✅ vite109026
✅ 💻 Local Development
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 📦 Local Production
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🐘 Local Postgres
AppPassedFailedSkipped
✅ astro-stable110025
✅ express-stable110025
✅ fastify-stable110025
✅ hono-stable110025
✅ nextjs-turbopack-canary116019
✅ nextjs-turbopack-stable-lazy-discovery-disabled13500
✅ nextjs-turbopack-stable-lazy-discovery-enabled13500
✅ nextjs-webpack-canary116019
✅ nextjs-webpack-stable-lazy-discovery-disabled13500
✅ nextjs-webpack-stable-lazy-discovery-enabled13500
✅ nitro-stable110025
✅ nuxt-stable110025
✅ sveltekit-stable12906
✅ vite-stable110025
✅ 🪟 Windows
AppPassedFailedSkipped
✅ nextjs-turbopack13500
✅ 📋 Other
AppPassedFailedSkipped
✅ e2e-local-dev-nest-stable110025
✅ e2e-local-dev-tanstack-start-110025
✅ e2e-local-postgres-nest-stable110025
✅ e2e-local-postgres-tanstack-start-110025
✅ e2e-local-prod-nest-stable110025
✅ e2e-local-prod-tanstack-start-110025
✅ e2e-vercel-prod-tanstack-start109026

📋 View full workflow run

Base automatically changed from ms/loading-spans to mainJune 1, 2026 19:42
@mitul-s
Create swift-parks-move.md
645e954
Signed-off-by: Mitul Shah <mitulxshah@gmail.com>
@github-actions

github-actionsBot commented Jun 1, 2026•
edited
Loading

Copy link
Copy Markdown
Contributor

📊 Benchmark Results

📈 Comparing against baseline from main branch. Green 🟢 = faster, Red 🔺 = slower.

workflow with no steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro0.041s (-4.9%)1.006s (~)0.965s101.00x
💻 LocalExpress0.046s (+4.7%)1.006s (~)0.960s101.13x
🐘 PostgresNext.js (Turbopack)0.060s1.010s0.950s101.47x
💻 LocalNext.js (Turbopack)0.065s1.006s0.941s101.57x
🐘 PostgresNitro0.065s (-32.0% 🟢)1.012s (-3.0%)0.947s101.58x
🐘 PostgresExpress0.067s (+15.2% 🔺)1.012s (~)0.945s101.63x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)0.329s (+30.6% 🔺)2.391s (+2.5%)2.062s101.00x
▲ VercelNitro0.478s (+16.6% 🔺)2.443s (-2.7%)1.965s101.45x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

workflow with 1 step

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.085s (-4.0%)2.006s (~)0.921s101.00x
💻 LocalExpress1.093s (-2.8%)2.006s (~)0.913s101.01x
🐘 PostgresNitro1.106s (-3.0%)2.009s (~)0.903s101.02x
🐘 PostgresExpress1.107s (-3.5%)2.009s (~)0.903s101.02x
🐘 PostgresNext.js (Turbopack)1.119s2.008s0.890s101.03x
💻 LocalNext.js (Turbopack)1.130s2.005s0.876s101.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro1.660s (-57.3% 🟢)3.427s (-42.0% 🟢)1.767s101.00x
▲ VercelNext.js (Turbopack)2.017s (-0.9%)4.041s (+5.5% 🔺)2.024s101.21x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express10.538s (-3.9%)11.018s (~)0.480s31.00x
💻 LocalExpress10.543s (-3.5%)11.023s (~)0.480s31.00x
💻 LocalNitro10.576s (-3.4%)11.022s (~)0.446s31.00x
🐘 PostgresNitro10.578s (-2.7%)11.019s (~)0.441s31.00x
🐘 PostgresNext.js (Turbopack)10.725s11.020s0.295s31.02x
💻 LocalNext.js (Turbopack)10.761s11.022s0.261s31.02x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.860s (-41.6% 🟢)15.871s (-36.8% 🟢)2.011s21.00x
▲ VercelNext.js (Turbopack)16.180s (-6.6% 🟢)17.858s (-7.9% 🟢)1.677s21.17x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro13.692s (-9.1% 🟢)14.028s (-12.5% 🟢)0.336s51.00x
🐘 PostgresNitro13.742s (-5.8% 🟢)14.020s (-6.7% 🟢)0.278s51.00x
🐘 PostgresExpress13.797s (-5.4% 🟢)14.019s (-6.7% 🟢)0.222s51.01x
💻 LocalExpress13.876s (-7.3% 🟢)14.027s (-6.7% 🟢)0.151s51.01x
🐘 PostgresNext.js (Turbopack)14.045s14.814s0.769s51.03x
💻 LocalNext.js (Turbopack)14.352s15.030s0.677s41.05x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro23.762s (-63.1% 🟢)25.398s (-61.9% 🟢)1.636s31.00x
▲ VercelNext.js (Turbopack)23.990s (-54.4% 🟢)26.700s (-51.1% 🟢)2.710s31.01x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro12.425s (-26.0% 🟢)13.025s (-23.5% 🟢)0.600s71.00x
🐘 PostgresExpress12.463s (-11.0% 🟢)13.021s (-10.8% 🟢)0.558s71.00x
💻 LocalExpress12.584s (-24.2% 🟢)13.025s (-23.5% 🟢)0.442s71.01x
🐘 PostgresNitro12.751s (-8.7% 🟢)13.166s (-8.0% 🟢)0.415s71.03x
🐘 PostgresNext.js (Turbopack)13.198s13.729s0.532s71.06x
💻 LocalNext.js (Turbopack)13.626s14.028s0.401s71.10x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro33.847s (-92.0% 🟢)36.191s (-91.5% 🟢)2.344s31.00x
▲ VercelNext.js (Turbopack)34.850s (-91.1% 🟢)37.483s (-90.5% 🟢)2.633s31.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.178s (-7.6% 🟢)2.007s (~)0.830s151.00x
🐘 PostgresExpress1.181s (-6.3% 🟢)2.008s (~)0.827s151.00x
💻 LocalNitro1.189s (-27.1% 🟢)2.006s (-3.3%)0.817s151.01x
💻 LocalExpress1.201s (-19.3% 🟢)2.007s (~)0.806s151.02x
🐘 PostgresNext.js (Turbopack)1.209s2.007s0.798s151.03x
💻 LocalNext.js (Turbopack)1.337s2.006s0.669s151.14x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.737s (-19.5% 🟢)4.533s (-8.1% 🟢)1.796s71.00x
▲ VercelNitro2.958s (+5.0%)4.531s (+4.8%)1.572s71.08x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Promise.all with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.248s (-46.9% 🟢)2.006s (-33.3% 🟢)0.758s151.00x
🐘 PostgresExpress1.250s (-47.0% 🟢)2.007s (-33.3% 🟢)0.756s151.00x
🐘 PostgresNext.js (Turbopack)1.353s2.008s0.654s151.08x
💻 LocalNitro1.702s (-45.9% 🟢)2.006s (-48.4% 🟢)0.304s151.36x
💻 LocalNext.js (Turbopack)1.951s2.470s0.519s131.56x
💻 LocalExpress2.023s (-31.5% 🟢)2.469s (-28.5% 🟢)0.446s131.62x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.804s (-6.1% 🟢)5.550s (-6.3% 🟢)1.746s61.00x
▲ VercelNext.js (Turbopack)3.914s (-44.9% 🟢)5.790s (-35.0% 🟢)1.876s61.03x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.all with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.396s (-60.0% 🟢)2.009s (-49.9% 🟢)0.613s151.00x
🐘 PostgresNitro1.403s (-59.7% 🟢)2.009s (-49.9% 🟢)0.606s151.01x
🐘 PostgresNext.js (Turbopack)1.612s2.223s0.611s141.15x
💻 LocalNitro4.974s (-40.4% 🟢)5.513s (-38.9% 🟢)0.539s63.56x
💻 LocalNext.js (Turbopack)5.517s6.213s0.696s53.95x
💻 LocalExpress5.676s (-31.9% 🟢)6.015s (-33.4% 🟢)0.339s54.07x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.462s (+54.9% 🔺)7.078s (+27.9% 🔺)1.616s51.00x
▲ VercelNext.js (Turbopack)6.228s (-30.1% 🟢)8.085s (-26.2% 🟢)1.857s41.14x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 10 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Next.js (Turbopack)1.200s2.008s0.809s151.00x
🐘 PostgresNitro1.210s (-3.7%)2.008s (~)0.797s151.01x
🐘 PostgresExpress1.214s (-3.5%)2.009s (~)0.795s151.01x
💻 LocalNext.js (Turbopack)1.340s2.006s0.666s151.12x
💻 LocalNitro1.544s (-17.2% 🟢)2.073s (-11.4% 🟢)0.529s151.29x
💻 LocalExpress1.549s (-18.2% 🟢)2.007s (-15.1% 🟢)0.458s151.29x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.489s (+1.2%)3.784s (-9.2% 🟢)1.296s81.00x
▲ VercelNext.js (Turbopack)2.633s (-10.2% 🟢)4.091s (-11.9% 🟢)1.458s81.06x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 25 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.286s (-45.0% 🟢)2.008s (-33.3% 🟢)0.722s151.00x
🐘 PostgresExpress1.295s (-44.7% 🟢)2.009s (-33.3% 🟢)0.714s151.01x
🐘 PostgresNext.js (Turbopack)1.306s2.006s0.700s151.02x
💻 LocalNitro2.080s (-32.2% 🟢)2.508s (-35.5% 🟢)0.429s121.62x
💻 LocalNext.js (Turbopack)2.102s3.008s0.907s101.63x
💻 LocalExpress2.223s (-29.0% 🟢)2.735s (-27.3% 🟢)0.513s111.73x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro3.495s (+8.1% 🔺)5.113s (+0.7%)1.618s61.00x
▲ VercelNext.js (Turbopack)3.822s (+21.6% 🔺)5.672s (+25.4% 🔺)1.850s61.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

Promise.race with 50 concurrent steps

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.390s (-60.1% 🟢)2.009s (-49.9% 🟢)0.619s151.00x
🐘 PostgresExpress1.412s (-59.7% 🟢)2.008s (-49.9% 🟢)0.596s151.02x
🐘 PostgresNext.js (Turbopack)1.574s2.076s0.501s151.13x
💻 LocalExpress5.244s (-40.4% 🟢)6.019s (-35.1% 🟢)0.776s53.77x
💻 LocalNext.js (Turbopack)5.279s6.014s0.735s53.80x
💻 LocalNitro5.576s (-39.0% 🟢)6.016s (-40.0% 🟢)0.441s54.01x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.167s (+1.4%)6.878s (+0.9%)1.711s51.00x
▲ VercelNext.js (Turbopack)157.917s (+2237.1% 🔺)160.234s (+1775.3% 🔺)2.317s230.56x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.562s (-31.5% 🟢)1.006s (~)0.444s601.00x
💻 LocalNitro0.582s (-40.6% 🟢)1.005s (-8.2% 🟢)0.422s601.04x
🐘 PostgresExpress0.585s (-30.2% 🟢)1.007s (-1.6%)0.422s601.04x
💻 LocalExpress0.647s (-34.3% 🟢)1.039s (-3.4%)0.393s581.15x
🐘 PostgresNext.js (Turbopack)0.656s1.023s0.367s591.17x
💻 LocalNext.js (Turbopack)0.843s1.004s0.161s601.50x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.468s (-75.2% 🟢)7.038s (-70.7% 🟢)1.570s91.00x
▲ VercelNext.js (Turbopack)6.577s (-54.7% 🟢)8.395s (-47.8% 🟢)1.819s81.20x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.372s (-30.6% 🟢)2.008s (-11.1% 🟢)0.636s451.00x
🐘 PostgresNitro1.431s (-25.7% 🟢)2.076s (-1.2%)0.644s441.04x
🐘 PostgresNext.js (Turbopack)1.529s2.007s0.477s451.11x
💻 LocalExpress1.567s (-48.0% 🟢)2.006s (-44.0% 🟢)0.439s451.14x
💻 LocalNitro1.633s (-46.2% 🟢)2.149s (-42.8% 🟢)0.516s421.19x
💻 LocalNext.js (Turbopack)2.058s3.008s0.950s301.50x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro13.559s (-65.7% 🟢)15.398s (-62.7% 🟢)1.839s71.00x
▲ VercelNext.js (Turbopack)16.367s (-67.1% 🟢)18.473s (-64.3% 🟢)2.106s51.21x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 sequential data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express2.728s (-31.6% 🟢)3.085s (-29.4% 🟢)0.357s391.00x
🐘 PostgresNitro2.730s (-33.5% 🟢)3.110s (-32.4% 🟢)0.380s391.00x
🐘 PostgresNext.js (Turbopack)3.051s3.821s0.771s321.12x
💻 LocalNitro3.258s (-65.0% 🟢)3.913s (-60.9% 🟢)0.655s311.19x
💻 LocalExpress3.374s (-63.4% 🟢)4.010s (-60.0% 🟢)0.636s301.24x
💻 LocalNext.js (Turbopack)4.251s5.011s0.759s241.56x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro27.353s (-71.8% 🟢)29.594s (-69.9% 🟢)2.241s51.00x
▲ VercelNext.js (Turbopack)29.718s (-72.3% 🟢)32.465s (-70.2% 🟢)2.747s41.09x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 10 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.216s (-23.6% 🟢)1.006s (~)0.790s601.00x
🐘 PostgresNitro0.217s (-23.2% 🟢)1.006s (~)0.789s601.01x
🐘 PostgresNext.js (Turbopack)0.237s1.006s0.769s601.10x
💻 LocalNitro0.456s (-24.6% 🟢)1.005s (-1.7%)0.549s602.11x
💻 LocalExpress0.515s (-8.0% 🟢)1.022s (+1.7%)0.506s592.39x
💻 LocalNext.js (Turbopack)0.555s1.022s0.466s592.57x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro2.387s (+43.7% 🔺)3.945s (+17.7% 🔺)1.558s161.00x
▲ VercelNext.js (Turbopack)2.641s (+30.6% 🔺)4.445s (+17.2% 🔺)1.804s141.11x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 25 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.340s (-33.3% 🟢)1.006s (~)0.666s901.00x
🐘 PostgresNitro0.344s (-30.7% 🟢)1.006s (~)0.662s901.01x
🐘 PostgresNext.js (Turbopack)0.411s1.006s0.595s901.21x
💻 LocalExpress2.183s (-13.1% 🟢)2.884s (-4.2%)0.701s326.42x
💻 LocalNitro2.240s (-11.8% 🟢)2.912s (-3.2%)0.673s316.59x
💻 LocalNext.js (Turbopack)2.322s3.077s0.755s306.83x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro5.174s (+60.4% 🔺)6.663s (+38.2% 🔺)1.490s141.00x
▲ VercelNext.js (Turbopack)6.350s (+79.6% 🔺)8.087s (+55.7% 🔺)1.737s121.23x
▲ VercelExpress⚠️missing----

🔍 Observability: Nitro | Next.js (Turbopack)

workflow with 50 concurrent data payload steps (10KB)

💻 Local Development

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro0.672s (-15.0% 🟢)1.006s (~)0.334s1201.00x
🐘 PostgresExpress0.682s (-16.8% 🟢)1.006s (-1.1%)0.325s1201.01x
🐘 PostgresNext.js (Turbopack)0.804s1.032s0.227s1171.20x
💻 LocalNitro9.988s (-10.7% 🟢)10.611s (-9.0% 🟢)0.623s1214.87x
💻 LocalExpress10.148s (-9.3% 🟢)10.617s (-11.1% 🟢)0.469s1215.11x
💻 LocalNext.js (Turbopack)10.907s11.755s0.848s1116.24x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)15.582s (+50.9% 🔺)17.521s (+42.6% 🔺)1.939s71.00x
▲ VercelNitro91.133s (+1080.1% 🔺)92.800s (+887.2% 🔺)1.667s45.85x
▲ VercelExpress⚠️missing----

🔍 Observability: Next.js (Turbopack) | Nitro

Stream Benchmarks(includes TTFB metrics)
workflow with stream

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
💻 Local🥇 Nitro1.159s (+442.4% 🔺)2.005s (+99.6% 🔺)0.010s (-16.8% 🟢)2.017s (+98.0% 🔺)0.858s101.00x
🐘 PostgresExpress1.167s (+469.0% 🔺)2.000s (+100.2% 🔺)0.002s (-6.3% 🟢)2.012s (+98.9% 🔺)0.845s101.01x
💻 LocalExpress1.170s (+487.6% 🔺)2.006s (+99.7% 🔺)0.012s (~)2.020s (+98.4% 🔺)0.850s101.01x
🐘 PostgresNitro1.180s (+475.5% 🔺)1.996s (+99.7% 🔺)0.002s (+6.7% 🔺)2.010s (+98.8% 🔺)0.830s101.02x
🐘 PostgresNext.js (Turbopack)1.192s2.002s0.001s2.011s0.820s101.03x
💻 LocalNext.js (Turbopack)1.208s2.004s0.012s2.020s0.812s101.04x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)2.370s (-65.4% 🟢)3.408s (-60.6% 🟢)13.662s (+2062.1% 🔺)17.566s (+79.5% 🔺)15.196s101.00x
▲ VercelNitro2.506s (-34.6% 🟢)3.418s (-35.2% 🟢)1.863s (+151.0% 🔺)5.827s (-10.1% 🟢)3.321s101.06x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

stream pipeline with 5 transform steps (1MB)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Nitro1.597s (+155.9% 🔺)2.002s (+98.9% 🔺)0.004s (-7.3% 🟢)2.025s (+98.1% 🔺)0.428s301.00x
🐘 PostgresExpress1.597s (+153.6% 🔺)2.004s (+99.2% 🔺)0.004s (-0.8%)2.025s (+97.9% 🔺)0.427s301.00x
💻 LocalNitro1.599s (+90.7% 🔺)2.009s (+98.6% 🔺)0.010s (+4.9%)2.021s (+81.1% 🔺)0.422s301.00x
💻 LocalExpress1.607s (+112.2% 🔺)2.011s (+95.4% 🔺)0.010s (+9.4% 🔺)2.023s (+94.6% 🔺)0.417s301.01x
🐘 PostgresNext.js (Turbopack)1.640s2.010s0.003s2.022s0.383s301.03x
💻 LocalNext.js (Turbopack)1.750s2.042s0.011s2.056s0.306s301.10x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Nitro6.077s (-79.4% 🟢)7.508s (-75.6% 🟢)0.202s (+80.2% 🔺)8.124s (-74.4% 🟢)2.047s81.00x
▲ VercelNext.js (Turbopack)6.435s (-62.0% 🟢)7.927s (-56.5% 🟢)0.369s (+74.5% 🔺)8.821s (-53.4% 🟢)2.387s71.06x
▲ VercelExpress⚠️missing-----

🔍 Observability: Nitro | Next.js (Turbopack)

10 parallel streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express0.705s (-26.7% 🟢)1.031s (-19.3% 🟢)0.000s (+58.6% 🔺)1.044s (-20.1% 🟢)0.339s581.00x
🐘 PostgresNitro0.739s (-23.7% 🟢)1.050s (-15.8% 🟢)0.000s (-15.8% 🟢)1.061s (-15.6% 🟢)0.322s571.05x
🐘 PostgresNext.js (Turbopack)0.773s1.019s0.000s1.039s0.266s581.10x
💻 LocalExpress1.450s (+18.3% 🔺)2.014s (~)0.000s (-50.0% 🟢)2.016s (~)0.566s302.06x
💻 LocalNitro1.453s (+18.8% 🔺)2.015s (~)0.000s (+100.0% 🔺)2.017s (~)0.564s302.06x
💻 LocalNext.js (Turbopack)1.484s2.013s0.000s2.016s0.532s302.11x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)3.909s (-61.6% 🟢)5.087s (-55.8% 🟢)0.000s (NaN%)5.573s (-53.8% 🟢)1.664s111.00x
▲ VercelNitro64.918s (+2028.2% 🔺)65.693s (+1395.5% 🔺)0.000s (+160.0% 🔺)66.095s (+1274.4% 🔺)1.177s516.61x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

fan-out fan-in 10 streams (1MB each)

💻 Local Development

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
🐘 Postgres🥇 Express1.371s (-22.6% 🟢)2.065s (-5.2% 🟢)0.000s (+Infinity% 🔺)2.084s (-5.2% 🟢)0.713s291.00x
🐘 PostgresNitro1.434s (-19.9% 🟢)2.065s (-3.6%)0.000s (-3.4%)2.112s (-2.9%)0.677s291.05x
🐘 PostgresNext.js (Turbopack)1.448s2.035s0.000s2.051s0.603s301.06x
💻 LocalNext.js (Turbopack)3.021s3.614s0.001s3.617s0.596s172.20x
💻 LocalExpress3.263s (-5.9% 🟢)3.840s (-4.8%)0.001s (-6.3% 🟢)3.843s (-4.8%)0.580s162.38x
💻 LocalNitro3.392s (~)4.024s (~)0.001s (+62.5% 🔺)4.032s (~)0.640s152.47x

▲ Production (Vercel)

WorldFrameworkWorkflow TimeTTFBSlurpWall TimeOverheadSamplesvs Fastest
▲ Vercel🥇 Next.js (Turbopack)6.844s (+21.8% 🔺)8.359s (+19.7% 🔺)0.000s (+242.9% 🔺)8.830s (+17.1% 🔺)1.986s71.00x
▲ VercelNitro57.619s (+1307.5% 🔺)58.858s (+995.2% 🔺)0.000s (-100.0% 🟢)59.268s (+923.0% 🔺)1.649s68.42x
▲ VercelExpress⚠️missing-----

🔍 Observability: Next.js (Turbopack) | Nitro

Summary

Fastest Framework by World

Winner determined by most benchmark wins

World🥇 Fastest FrameworkWins
💻 LocalNitro14/21
🐘 PostgresExpress10/21
▲ VercelNitro15/21
Fastest World by Framework

Winner determined by most benchmark wins

Framework🥇 Fastest WorldWins
Express🐘 Postgres19/21
Next.js (Turbopack)🐘 Postgres21/21
Nitro🐘 Postgres15/21
Column Definitions
  • Workflow Time: Runtime reported by workflow (completedAt - createdAt) - primary metric
  • TTFB: Time to First Byte - time from workflow start until first stream byte received (stream benchmarks only)
  • Slurp: Time from first byte to complete stream consumption (stream benchmarks only)
  • Wall Time: Total testbench time (trigger workflow + poll for result)
  • Overhead: Testbench overhead (Wall Time - Workflow Time)
  • Samples: Number of benchmark iterations run
  • vs Fastest: How much slower compared to the fastest configuration for this benchmark

Worlds:

  • 💻 Local: In-memory filesystem world (local development)
  • 🐘 Postgres: PostgreSQL database world (local development)
  • ▲ Vercel: Vercel production/preview deployment
  • 🌐 Turso: Community world (local development)
  • 🌐 MongoDB: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Jazz: Community world (local development)
  • 🌐 Redis: Community world (local development)
  • 🌐 Redis + BullMQ: Community world (local development)
  • 🌐 Cloudflare: Community world (local development)
  • 🌐 MySQL: Community world (local development)
  • 🌐 Azure: Community world (local development)
  • 🌐 NATS JetStream: Community world (local development)
  • 🌐 Upstash: Community world (local development)

📋 View full workflow run

❌ Some benchmark jobs failed:

  • Local: success
  • Postgres: success
  • Vercel: failure

Check the workflow run for details.

@mitul-s
mitul-s enabled auto-merge (squash) June 1, 2026 20:14
@mitul-s
mitul-s merged commit 445ec8c into mainJun 1, 2026
183 of 191 checks passed
@mitul-s
mitul-s deleted the ms/trace-virtualization branch June 1, 2026 20:22
@github-actions

github-actionsBot commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

No backport to stable for 445ec8c (AI decision).

This change adds virtualization to the new-trace-viewer component (under packages/web-shared/src/components/new-trace-viewer/), which does not exist on stable — only the older trace-viewer directory is present there. The commit therefore builds on main-only functionality and is not applicable to stable.

To override, re-run the Backport to stable workflow manually via workflow_dispatch and paste this commit SHA into the ref input:

445ec8c7e6b83c27953d6f2ebcaafa54ca024eae

This was referenced Jun 1, 2026
Merged
Open
pranaygp added a commit that referenced this pull request Jun 2, 2026
@pranaygp
Merge origin/main into ci-runtime-fast-paths
b962d47
* origin/main:
[world-vercel] Retry transient response-body parse failures in the HTTP client (#2204)
Add virtualization to the trace viewer (#2205)
Trace viewer: scroll-load events past an auto-load cap (#2200)
fix(core): resolve forwarded stream keys across deployments (#2191)
[e2e] Improve error labeling in event-log-race-repro CI job (#2190)
[core] Harden event pagination response parsing (#2180) (#2179)
Add loading skeleton to the new trace viewer (#2164)
Add tooltip components + apply on up/down detail pane (#2163)
fix(swc-plugin): allow wasm host imports during link (#2174)
[test] Forward-port reused-sleep replay divergence test (#2172)
[e2e] Add `event-log-race-repro` label for triggering CI stress-test (#2159)
Version Packages (beta) (#2162)
fix(world-local): skip Nov 2025 ghost versions on npm (#2168)
fix(core,errors): classify SDK encryption failures as RUNTIME_ERROR (#2145)
[web-shared][web] Fix events tab search (#2107)
Version Packages (beta) (#2147)
Allow setting workflow attributes from steps (#2157)
Better search handling on the trace viewer (#2144)
[docs] Document experimental attributes feature (#2141)
@github-actionsgithub-actionsBot mentioned this pull request Jun 2, 2026
Closed
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@karthikscale3karthikscale3karthikscale3 approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@mitul-s@karthikscale3