Skip to content

Instantly share code, notes, and snippets.

@benfavre
Created March 18, 2026 18:15
Show Gist options
  • Select an option

  • Save benfavre/f7169420d8153c1219342b82ee817324 to your computer and use it in GitHub Desktop.

Select an option

Save benfavre/f7169420d8153c1219342b82ee817324 to your computer and use it in GitHub Desktop.
Next.js SSR flamegraphs: before (canary) vs after (30 perf PRs)
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" width="1200" height="358" onload="init(evt)" viewBox="0 0 1200 358" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Flame graph stack visualization. See https://github.com/brendangregg/FlameGraph for latest version, and http://www.brendangregg.com/flamegraphs.html for examples. -->
<!-- NOTES: -->
<defs>
<linearGradient id="background" y1="0" y2="1" x1="0" x2="0" >
<stop stop-color="#eeeeee" offset="5%" />
<stop stop-color="#eeeeb0" offset="95%" />
</linearGradient>
</defs>
<style type="text/css">
text { font-family:Verdana; font-size:12px; fill:rgb(0,0,0); }
#search, #ignorecase { opacity:0.1; cursor:pointer; }
#search:hover, #search.show, #ignorecase:hover, #ignorecase.show { opacity:1; }
#subtitle { text-anchor:middle; font-color:rgb(160,160,160); }
#title { text-anchor:middle; font-size:17px}
#unzoom { cursor:pointer; }
#frames > *:hover { stroke:black; stroke-width:0.5; cursor:pointer; }
.hide { display:none; }
.parent { opacity:0.5; }
</style>
<script type="text/ecmascript">
<![CDATA[
"use strict";
var details, searchbtn, unzoombtn, matchedtxt, svg, searching, currentSearchTerm, ignorecase, ignorecaseBtn;
function init(evt) {
details = document.getElementById("details").firstChild;
searchbtn = document.getElementById("search");
ignorecaseBtn = document.getElementById("ignorecase");
unzoombtn = document.getElementById("unzoom");
matchedtxt = document.getElementById("matched");
svg = document.getElementsByTagName("svg")[0];
searching = 0;
currentSearchTerm = null;
// use GET parameters to restore a flamegraphs state.
var params = get_params();
if (params.x && params.y)
zoom(find_group(document.querySelector('[x="' + params.x + '"][y="' + params.y + '"]')));
if (params.s) search(params.s);
}
// event listeners
window.addEventListener("click", function(e) {
var target = find_group(e.target);
if (target) {
if (target.nodeName == "a") {
if (e.ctrlKey === false) return;
e.preventDefault();
}
if (target.classList.contains("parent")) unzoom(true);
zoom(target);
if (!document.querySelector('.parent')) {
// we have basically done a clearzoom so clear the url
var params = get_params();
if (params.x) delete params.x;
if (params.y) delete params.y;
history.replaceState(null, null, parse_params(params));
unzoombtn.classList.add("hide");
return;
}
// set parameters for zoom state
var el = target.querySelector("rect");
if (el && el.attributes && el.attributes.y && el.attributes._orig_x) {
var params = get_params()
params.x = el.attributes._orig_x.value;
params.y = el.attributes.y.value;
history.replaceState(null, null, parse_params(params));
}
}
else if (e.target.id == "unzoom") clearzoom();
else if (e.target.id == "search") search_prompt();
else if (e.target.id == "ignorecase") toggle_ignorecase();
}, false)
// mouse-over for info
// show
window.addEventListener("mouseover", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = "Function: " + g_to_text(target);
}, false)
// clear
window.addEventListener("mouseout", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = ' ';
}, false)
// ctrl-F for search
// ctrl-I to toggle case-sensitive search
window.addEventListener("keydown",function (e) {
if (e.keyCode === 114 || (e.ctrlKey && e.keyCode === 70)) {
e.preventDefault();
search_prompt();
}
else if (e.ctrlKey && e.keyCode === 73) {
e.preventDefault();
toggle_ignorecase();
}
}, false)
// functions
function get_params() {
var params = {};
var paramsarr = window.location.search.substr(1).split('&');
for (var i = 0; i < paramsarr.length; ++i) {
var tmp = paramsarr[i].split("=");
if (!tmp[0] || !tmp[1]) continue;
params[tmp[0]] = decodeURIComponent(tmp[1]);
}
return params;
}
function parse_params(params) {
var uri = "?";
for (var key in params) {
uri += key + '=' + encodeURIComponent(params[key]) + '&';
}
if (uri.slice(-1) == "&")
uri = uri.substring(0, uri.length - 1);
if (uri == '?')
uri = window.location.href.split('?')[0];
return uri;
}
function find_child(node, selector) {
var children = node.querySelectorAll(selector);
if (children.length) return children[0];
}
function find_group(node) {
var parent = node.parentElement;
if (!parent) return;
if (parent.id == "frames") return node;
return find_group(parent);
}
function orig_save(e, attr, val) {
if (e.attributes["_orig_" + attr] != undefined) return;
if (e.attributes[attr] == undefined) return;
if (val == undefined) val = e.attributes[attr].value;
e.setAttribute("_orig_" + attr, val);
}
function orig_load(e, attr) {
if (e.attributes["_orig_"+attr] == undefined) return;
e.attributes[attr].value = e.attributes["_orig_" + attr].value;
e.removeAttribute("_orig_"+attr);
}
function g_to_text(e) {
var text = find_child(e, "title").firstChild.nodeValue;
return (text)
}
function g_to_func(e) {
var func = g_to_text(e);
// if there's any manipulation we want to do to the function
// name before it's searched, do it here before returning.
return (func);
}
function update_text(e) {
var r = find_child(e, "rect");
var t = find_child(e, "text");
var w = parseFloat(r.attributes.width.value) -3;
var txt = find_child(e, "title").textContent.replace(/\([^(]*\)$/,"");
t.attributes.x.value = parseFloat(r.attributes.x.value) + 3;
// Smaller than this size won't fit anything
if (w < 2 * 12 * 0.59) {
t.textContent = "";
return;
}
t.textContent = txt;
var sl = t.getSubStringLength(0, txt.length);
// check if only whitespace or if we can fit the entire string into width w
if (/^ *$/.test(txt) || sl < w)
return;
// this isn't perfect, but gives a good starting point
// and avoids calling getSubStringLength too often
var start = Math.floor((w/sl) * txt.length);
for (var x = start; x > 0; x = x-2) {
if (t.getSubStringLength(0, x + 2) <= w) {
t.textContent = txt.substring(0, x) + "..";
return;
}
}
t.textContent = "";
}
// zoom
function zoom_reset(e) {
if (e.attributes != undefined) {
orig_load(e, "x");
orig_load(e, "width");
}
if (e.childNodes == undefined) return;
for (var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_reset(c[i]);
}
}
function zoom_child(e, x, ratio) {
if (e.attributes != undefined) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = (parseFloat(e.attributes.x.value) - x - 10) * ratio + 10;
if (e.tagName == "text")
e.attributes.x.value = find_child(e.parentNode, "rect[x]").attributes.x.value + 3;
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = parseFloat(e.attributes.width.value) * ratio;
}
}
if (e.childNodes == undefined) return;
for (var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_child(c[i], x - 10, ratio);
}
}
function zoom_parent(e) {
if (e.attributes) {
if (e.attributes.x != undefined) {
orig_save(e, "x");
e.attributes.x.value = 10;
}
if (e.attributes.width != undefined) {
orig_save(e, "width");
e.attributes.width.value = parseInt(svg.width.baseVal.value) - (10 * 2);
}
}
if (e.childNodes == undefined) return;
for (var i = 0, c = e.childNodes; i < c.length; i++) {
zoom_parent(c[i]);
}
}
function zoom(node) {
var attr = find_child(node, "rect").attributes;
var width = parseFloat(attr.width.value);
var xmin = parseFloat(attr.x.value);
var xmax = parseFloat(xmin + width);
var ymin = parseFloat(attr.y.value);
var ratio = (svg.width.baseVal.value - 2 * 10) / width;
// XXX: Workaround for JavaScript float issues (fix me)
var fudge = 0.0001;
unzoombtn.classList.remove("hide");
var el = document.getElementById("frames").children;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var a = find_child(e, "rect").attributes;
var ex = parseFloat(a.x.value);
var ew = parseFloat(a.width.value);
var upstack;
// Is it an ancestor
if (0 == 0) {
upstack = parseFloat(a.y.value) > ymin;
} else {
upstack = parseFloat(a.y.value) < ymin;
}
if (upstack) {
// Direct ancestor
if (ex <= xmin && (ex+ew+fudge) >= xmax) {
e.classList.add("parent");
zoom_parent(e);
update_text(e);
}
// not in current path
else
e.classList.add("hide");
}
// Children maybe
else {
// no common path
if (ex < xmin || ex + fudge >= xmax) {
e.classList.add("hide");
}
else {
zoom_child(e, xmin, ratio);
update_text(e);
}
}
}
search();
}
function unzoom(dont_update_text) {
unzoombtn.classList.add("hide");
var el = document.getElementById("frames").children;
for(var i = 0; i < el.length; i++) {
el[i].classList.remove("parent");
el[i].classList.remove("hide");
zoom_reset(el[i]);
if(!dont_update_text) update_text(el[i]);
}
search();
}
function clearzoom() {
unzoom();
// remove zoom state
var params = get_params();
if (params.x) delete params.x;
if (params.y) delete params.y;
history.replaceState(null, null, parse_params(params));
}
// search
function toggle_ignorecase() {
ignorecase = !ignorecase;
if (ignorecase) {
ignorecaseBtn.classList.add("show");
} else {
ignorecaseBtn.classList.remove("show");
}
reset_search();
search();
}
function reset_search() {
var el = document.querySelectorAll("#frames rect");
for (var i = 0; i < el.length; i++) {
orig_load(el[i], "fill")
}
var params = get_params();
delete params.s;
history.replaceState(null, null, parse_params(params));
}
function search_prompt() {
if (!searching) {
var term = prompt("Enter a search term (regexp " +
"allowed, eg: ^ext4_)"
+ (ignorecase ? ", ignoring case" : "")
+ "\nPress Ctrl-i to toggle case sensitivity", "");
if (term != null) search(term);
} else {
reset_search();
searching = 0;
currentSearchTerm = null;
searchbtn.classList.remove("show");
searchbtn.firstChild.nodeValue = "Search"
matchedtxt.classList.add("hide");
matchedtxt.firstChild.nodeValue = ""
}
}
function search(term) {
if (term) currentSearchTerm = term;
if (currentSearchTerm === null) return;
var re = new RegExp(currentSearchTerm, ignorecase ? 'i' : '');
var el = document.getElementById("frames").children;
var matches = new Object();
var maxwidth = 0;
for (var i = 0; i < el.length; i++) {
var e = el[i];
var func = g_to_func(e);
var rect = find_child(e, "rect");
if (func == null || rect == null)
continue;
// Save max width. Only works as we have a root frame
var w = parseFloat(rect.attributes.width.value);
if (w > maxwidth)
maxwidth = w;
if (func.match(re)) {
// highlight
var x = parseFloat(rect.attributes.x.value);
orig_save(rect, "fill");
rect.attributes.fill.value = "rgb(230,0,230)";
// remember matches
if (matches[x] == undefined) {
matches[x] = w;
} else {
if (w > matches[x]) {
// overwrite with parent
matches[x] = w;
}
}
searching = 1;
}
}
if (!searching)
return;
var params = get_params();
params.s = currentSearchTerm;
history.replaceState(null, null, parse_params(params));
searchbtn.classList.add("show");
searchbtn.firstChild.nodeValue = "Reset Search";
// calculate percent matched, excluding vertical overlap
var count = 0;
var lastx = -1;
var lastw = 0;
var keys = Array();
for (k in matches) {
if (matches.hasOwnProperty(k))
keys.push(k);
}
// sort the matched frames by their x location
// ascending, then width descending
keys.sort(function(a, b){
return a - b;
});
// Step through frames saving only the biggest bottom-up frames
// thanks to the sort order. This relies on the tree property
// where children are always smaller than their parents.
var fudge = 0.0001; // JavaScript floating point
for (var k in keys) {
var x = parseFloat(keys[k]);
var w = matches[keys[k]];
if (x >= lastx + lastw - fudge) {
count += w;
lastx = x;
lastw = w;
}
}
// display matched percent
matchedtxt.classList.remove("hide");
var pct = 100 * count / maxwidth;
if (pct != 100) pct = pct.toFixed(1)
matchedtxt.firstChild.nodeValue = "Matched: " + pct + "%";
}
]]>
</script>
<rect x="0.0" y="0" width="1200.0" height="358.0" fill="url(#background)" />
<text id="title" x="600.00" y="24" >BEFORE (canary): /deep/ 10 layouts, c=30, 20s</text>
<text id="details" x="10.00" y="341" > </text>
<text id="unzoom" x="10.00" y="24" class="hide">Reset Zoom</text>
<text id="search" x="1090.00" y="24" >Search</text>
<text id="ignorecase" x="1174.00" y="24" >ic</text>
<text id="matched" x="1090.00" y="341" > </text>
<g id="frames">
<g >
<title>a1 (25 μs, 0.10%)</title><rect x="1179.1" y="133" width="1.1" height="15.0" fill="rgb(220,70,16)" rx="2" ry="2" />
<text x="1182.06" y="143.5" ></text>
</g>
<g >
<title>handleRequest (68 μs, 0.26%)</title><rect x="900.5" y="261" width="3.2" height="15.0" fill="rgb(245,187,44)" rx="2" ry="2" />
<text x="903.54" y="271.5" ></text>
</g>
<g >
<title>Writable.write (13 μs, 0.05%)</title><rect x="668.1" y="133" width="0.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="671.08" y="143.5" ></text>
</g>
<g >
<title>startActiveSpan (14 μs, 0.05%)</title><rect x="666.7" y="165" width="0.6" height="15.0" fill="rgb(210,24,5)" rx="2" ry="2" />
<text x="669.66" y="175.5" ></text>
</g>
<g >
<title>br (42 μs, 0.16%)</title><rect x="1176.3" y="181" width="1.9" height="15.0" fill="rgb(244,179,42)" rx="2" ry="2" />
<text x="1179.31" y="191.5" ></text>
</g>
<g >
<title>React (113 μs, 0.44%)</title><rect x="749.2" y="181" width="5.1" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="752.17" y="191.5" ></text>
</g>
<g >
<title>resolve (32 μs, 0.12%)</title><rect x="943.9" y="197" width="1.4" height="15.0" fill="rgb(252,217,52)" rx="2" ry="2" />
<text x="946.85" y="207.5" ></text>
</g>
<g >
<title>d (30 μs, 0.12%)</title><rect x="897.2" y="261" width="1.3" height="15.0" fill="rgb(217,57,13)" rx="2" ry="2" />
<text x="900.15" y="271.5" ></text>
</g>
<g >
<title>aS (20 μs, 0.08%)</title><rect x="863.4" y="245" width="0.9" height="15.0" fill="rgb(250,210,50)" rx="2" ry="2" />
<text x="866.36" y="255.5" ></text>
</g>
<g >
<title>with (90 μs, 0.35%)</title><rect x="936.3" y="165" width="4.1" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="939.25" y="175.5" ></text>
</g>
<g >
<title>now (18 μs, 0.07%)</title><rect x="719.3" y="165" width="0.8" height="15.0" fill="rgb(217,56,13)" rx="2" ry="2" />
<text x="722.32" y="175.5" ></text>
</g>
<g >
<title>end (322 μs, 1.25%)</title><rect x="812.2" y="213" width="14.7" height="15.0" fill="rgb(254,227,54)" rx="2" ry="2" />
<text x="815.17" y="223.5" ></text>
</g>
<g >
<title>NextNodeServer.handleCatchallRenderRequest (128 μs, 0.50%)</title><rect x="915.8" y="197" width="5.9" height="15.0" fill="rgb(252,218,52)" rx="2" ry="2" />
<text x="918.83" y="207.5" ></text>
</g>
<g >
<title>set MIMEParams (20 μs, 0.08%)</title><rect x="718.4" y="149" width="0.9" height="15.0" fill="rgb(246,191,45)" rx="2" ry="2" />
<text x="721.40" y="159.5" ></text>
</g>
<g >
<title>with (13 μs, 0.05%)</title><rect x="753.7" y="117" width="0.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="756.75" y="127.5" ></text>
</g>
<g >
<title>WhatWG-Streams (559 μs, 2.17%)</title><rect x="1137.8" y="229" width="25.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1140.80" y="239.5" >W..</text>
</g>
<g >
<title>trace (31 μs, 0.12%)</title><rect x="665.9" y="197" width="1.4" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="668.89" y="207.5" ></text>
</g>
<g >
<title>join (13 μs, 0.05%)</title><rect x="350.6" y="181" width="0.6" height="15.0" fill="rgb(222,82,19)" rx="2" ry="2" />
<text x="353.56" y="191.5" ></text>
</g>
<g >
<title>requirePage (54 μs, 0.21%)</title><rect x="937.9" y="117" width="2.5" height="15.0" fill="rgb(210,25,6)" rx="2" ry="2" />
<text x="940.90" y="127.5" ></text>
</g>
<g >
<title>runMicrotasks (19,654 μs, 76.26%)</title><rect x="290.1" y="277" width="899.9" height="15.0" fill="rgb(239,156,37)" rx="2" ry="2" />
<text x="293.12" y="287.5" >runMicrotasks</text>
</g>
<g >
<title>encode (45 μs, 0.17%)</title><rect x="1158.7" y="181" width="2.0" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="1161.68" y="191.5" ></text>
</g>
<g >
<title>with (76 μs, 0.29%)</title><rect x="754.7" y="229" width="3.5" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="757.71" y="239.5" ></text>
</g>
<g >
<title>e (17 μs, 0.07%)</title><rect x="253.2" y="261" width="0.7" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="256.17" y="271.5" ></text>
</g>
<g >
<title>parseUrl (15 μs, 0.06%)</title><rect x="945.5" y="245" width="0.7" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="948.55" y="255.5" ></text>
</g>
<g >
<title>parse (24 μs, 0.09%)</title><rect x="714.8" y="149" width="1.1" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="717.83" y="159.5" ></text>
</g>
<g >
<title>WhatWG-Streams (35 μs, 0.14%)</title><rect x="1155.6" y="181" width="1.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1158.61" y="191.5" ></text>
</g>
<g >
<title>normalizeString (60 μs, 0.23%)</title><rect x="685.9" y="197" width="2.8" height="15.0" fill="rgb(226,96,23)" rx="2" ry="2" />
<text x="688.94" y="207.5" ></text>
</g>
<g >
<title>e (15 μs, 0.06%)</title><rect x="1173.2" y="213" width="0.7" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="1176.24" y="223.5" ></text>
</g>
<g >
<title>getMaybePagePath (14 μs, 0.05%)</title><rect x="938.6" y="85" width="0.6" height="15.0" fill="rgb(229,112,26)" rx="2" ry="2" />
<text x="941.59" y="95.5" ></text>
</g>
<g >
<title>a7 (29 μs, 0.11%)</title><rect x="862.9" y="261" width="1.4" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="865.95" y="271.5" ></text>
</g>
<g >
<title>parse (19 μs, 0.07%)</title><rect x="931.6" y="149" width="0.9" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="934.58" y="159.5" ></text>
</g>
<g >
<title>_writeRaw (265 μs, 1.03%)</title><rect x="653.8" y="165" width="12.1" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="656.75" y="175.5" ></text>
</g>
<g >
<title>startActiveSpan (90 μs, 0.35%)</title><rect x="936.3" y="181" width="4.1" height="15.0" fill="rgb(210,24,5)" rx="2" ry="2" />
<text x="939.25" y="191.5" ></text>
</g>
<g >
<title>renderToResponseImpl (144 μs, 0.56%)</title><rect x="933.8" y="261" width="6.6" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="936.78" y="271.5" ></text>
</g>
<g >
<title>with (26 μs, 0.10%)</title><rect x="902.5" y="197" width="1.2" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="905.46" y="207.5" ></text>
</g>
<g >
<title>n (23 μs, 0.09%)</title><rect x="1171.9" y="229" width="1.0" height="15.0" fill="rgb(252,220,52)" rx="2" ry="2" />
<text x="1174.87" y="239.5" ></text>
</g>
<g >
<title>with (14 μs, 0.05%)</title><rect x="666.7" y="149" width="0.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="669.66" y="159.5" ></text>
</g>
<g >
<title>V (13 μs, 0.05%)</title><rect x="1179.6" y="85" width="0.6" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="1182.61" y="95.5" ></text>
</g>
<g >
<title>URL (18 μs, 0.07%)</title><rect x="1136.8" y="229" width="0.8" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="1139.75" y="239.5" ></text>
</g>
<g >
<title>renderPageComponent (132 μs, 0.51%)</title><rect x="934.3" y="245" width="6.1" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="937.33" y="255.5" ></text>
</g>
<g >
<title>with (14 μs, 0.05%)</title><rect x="666.7" y="181" width="0.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="669.66" y="191.5" ></text>
</g>
<g >
<title>isNodeNextRequest (16 μs, 0.06%)</title><rect x="908.0" y="245" width="0.7" height="15.0" fill="rgb(229,112,27)" rx="2" ry="2" />
<text x="911.00" y="255.5" ></text>
</g>
<g >
<title>trace (19 μs, 0.07%)</title><rect x="353.7" y="117" width="0.9" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="356.72" y="127.5" ></text>
</g>
<g >
<title>a1 (634 μs, 2.46%)</title><rect x="833.9" y="261" width="29.0" height="15.0" fill="rgb(220,70,16)" rx="2" ry="2" />
<text x="836.92" y="271.5" >a1</text>
</g>
<g >
<title>invokePromiseCallback (235 μs, 0.91%)</title><rect x="240.8" y="197" width="10.8" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="243.81" y="207.5" ></text>
</g>
<g >
<title>React (55 μs, 0.21%)</title><rect x="1165.4" y="197" width="2.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1168.41" y="207.5" ></text>
</g>
<g >
<title>URL (15 μs, 0.06%)</title><rect x="945.5" y="213" width="0.7" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="948.55" y="223.5" ></text>
</g>
<g >
<title>NextNodeServer.handleCatchallRenderRequest (75 μs, 0.29%)</title><rect x="352.0" y="261" width="3.5" height="15.0" fill="rgb(252,218,52)" rx="2" ry="2" />
<text x="355.02" y="271.5" ></text>
</g>
<g >
<title>parseRelativeUrl (81 μs, 0.31%)</title><rect x="910.8" y="229" width="3.7" height="15.0" fill="rgb(249,205,49)" rx="2" ry="2" />
<text x="913.75" y="239.5" ></text>
</g>
<g >
<title>(garbage collector) (1,186 μs, 4.60%)</title><rect x="13.0" y="277" width="54.3" height="15.0" fill="rgb(230,119,28)" rx="2" ry="2" />
<text x="15.98" y="287.5" >(garb..</text>
</g>
<g >
<title>_send (13 μs, 0.05%)</title><rect x="668.1" y="165" width="0.6" height="15.0" fill="rgb(247,197,47)" rx="2" ry="2" />
<text x="671.08" y="175.5" ></text>
</g>
<g >
<title>getPagePath (14 μs, 0.05%)</title><rect x="938.6" y="101" width="0.6" height="15.0" fill="rgb(220,71,17)" rx="2" ry="2" />
<text x="941.59" y="111.5" ></text>
</g>
<g >
<title>parseRelativeUrl (19 μs, 0.07%)</title><rect x="931.6" y="181" width="0.9" height="15.0" fill="rgb(249,205,49)" rx="2" ry="2" />
<text x="934.58" y="191.5" ></text>
</g>
<g >
<title>WhatWG-Streams (22 μs, 0.09%)</title><rect x="289.1" y="261" width="1.0" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="292.11" y="271.5" ></text>
</g>
<g >
<title>WhatWG-Streams (60 μs, 0.23%)</title><rect x="286.0" y="245" width="2.8" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="289.04" y="255.5" ></text>
</g>
<g >
<title>parseRelativeUrl (15 μs, 0.06%)</title><rect x="945.5" y="229" width="0.7" height="15.0" fill="rgb(249,205,49)" rx="2" ry="2" />
<text x="948.55" y="239.5" ></text>
</g>
<g >
<title>ar (16 μs, 0.06%)</title><rect x="892.9" y="229" width="0.8" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="895.94" y="239.5" ></text>
</g>
<g >
<title>cloneAsUint8Array (99 μs, 0.38%)</title><rect x="1185.0" y="229" width="4.5" height="15.0" fill="rgb(233,130,31)" rx="2" ry="2" />
<text x="1188.01" y="239.5" ></text>
</g>
<g >
<title>write_ (40 μs, 0.16%)</title><rect x="667.3" y="181" width="1.8" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="670.31" y="191.5" ></text>
</g>
<g >
<title>clearBuffer (215 μs, 0.83%)</title><rect x="260.2" y="245" width="9.8" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="263.18" y="255.5" ></text>
</g>
<g >
<title>RegExp: [\\/] (21 μs, 0.08%)</title><rect x="583.8" y="245" width="1.0" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="586.84" y="255.5" ></text>
</g>
<g >
<title>connectionCorkNT (215 μs, 0.83%)</title><rect x="260.2" y="277" width="9.8" height="15.0" fill="rgb(214,43,10)" rx="2" ry="2" />
<text x="263.18" y="287.5" ></text>
</g>
<g >
<title>emit (50 μs, 0.19%)</title><rect x="257.9" y="213" width="2.3" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="260.89" y="223.5" ></text>
</g>
<g >
<title>shouldServeStreamingMetadata (19 μs, 0.07%)</title><rect x="354.6" y="149" width="0.9" height="15.0" fill="rgb(208,17,4)" rx="2" ry="2" />
<text x="357.59" y="159.5" ></text>
</g>
<g >
<title>URL (60 μs, 0.23%)</title><rect x="911.5" y="213" width="2.7" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="914.48" y="223.5" ></text>
</g>
<g >
<title>validate (85 μs, 0.33%)</title><rect x="917.8" y="149" width="3.9" height="15.0" fill="rgb(224,88,21)" rx="2" ry="2" />
<text x="920.80" y="159.5" ></text>
</g>
<g >
<title>V (95 μs, 0.37%)</title><rect x="857.0" y="213" width="4.4" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="860.04" y="223.5" ></text>
</g>
<g >
<title>withPropagatedContext (69 μs, 0.27%)</title><rect x="348.0" y="245" width="3.2" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="350.99" y="255.5" ></text>
</g>
<g >
<title>startActiveSpan (13 μs, 0.05%)</title><rect x="753.7" y="133" width="0.6" height="15.0" fill="rgb(210,24,5)" rx="2" ry="2" />
<text x="756.75" y="143.5" ></text>
</g>
<g >
<title>bk (42 μs, 0.16%)</title><rect x="1176.3" y="197" width="1.9" height="15.0" fill="rgb(239,157,37)" rx="2" ry="2" />
<text x="1179.31" y="207.5" ></text>
</g>
<g >
<title>aW (18 μs, 0.07%)</title><rect x="869.8" y="229" width="0.8" height="15.0" fill="rgb(224,91,21)" rx="2" ry="2" />
<text x="872.82" y="239.5" ></text>
</g>
<g >
<title>mod.require (42 μs, 0.16%)</title><rect x="724.3" y="181" width="1.9" height="15.0" fill="rgb(207,11,2)" rx="2" ry="2" />
<text x="727.26" y="191.5" ></text>
</g>
<g >
<title>wrapModuleLoad (37 μs, 0.14%)</title><rect x="724.5" y="165" width="1.7" height="15.0" fill="rgb(211,29,6)" rx="2" ry="2" />
<text x="727.49" y="175.5" ></text>
</g>
<g >
<title>setPromiseHandled (11 μs, 0.04%)</title><rect x="670.3" y="229" width="0.5" height="15.0" fill="rgb(226,98,23)" rx="2" ry="2" />
<text x="673.33" y="239.5" ></text>
</g>
<g >
<title>clearBuffer (317 μs, 1.23%)</title><rect x="812.4" y="181" width="14.5" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="815.40" y="191.5" ></text>
</g>
<g >
<title>R (13 μs, 0.05%)</title><rect x="1179.6" y="117" width="0.6" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="1182.61" y="127.5" ></text>
</g>
<g >
<title>encode (72 μs, 0.28%)</title><rect x="676.0" y="245" width="3.3" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="678.96" y="255.5" ></text>
</g>
<g >
<title>require (25 μs, 0.10%)</title><rect x="939.2" y="101" width="1.2" height="15.0" fill="rgb(221,76,18)" rx="2" ry="2" />
<text x="942.23" y="111.5" ></text>
</g>
<g >
<title>invokePromiseCallback (110 μs, 0.43%)</title><rect x="246.3" y="101" width="5.0" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="249.26" y="111.5" ></text>
</g>
<g >
<title>abort (32 μs, 0.12%)</title><rect x="1157.2" y="181" width="1.5" height="15.0" fill="rgb(251,211,50)" rx="2" ry="2" />
<text x="1160.22" y="191.5" ></text>
</g>
<g >
<title>IncrementalCache (28 μs, 0.11%)</title><rect x="899.3" y="245" width="1.2" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="902.26" y="255.5" ></text>
</g>
<g >
<title>invokePromiseCallback (164 μs, 0.64%)</title><rect x="244.1" y="149" width="7.5" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="247.06" y="159.5" ></text>
</g>
<g >
<title>normalize (60 μs, 0.23%)</title><rect x="685.9" y="213" width="2.8" height="15.0" fill="rgb(252,217,51)" rx="2" ry="2" />
<text x="688.94" y="223.5" ></text>
</g>
<g >
<title>setSpan (24 μs, 0.09%)</title><rect x="743.8" y="197" width="1.1" height="15.0" fill="rgb(221,78,18)" rx="2" ry="2" />
<text x="746.77" y="207.5" ></text>
</g>
<g >
<title>match (120 μs, 0.47%)</title><rect x="916.2" y="181" width="5.5" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="919.20" y="191.5" ></text>
</g>
<g >
<title>ba (43 μs, 0.17%)</title><rect x="1178.2" y="165" width="2.0" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="1181.23" y="175.5" ></text>
</g>
<g >
<title>React (786 μs, 3.05%)</title><rect x="790.9" y="229" width="36.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="793.93" y="239.5" >React</text>
</g>
<g >
<title>findPageComponentsImpl (65 μs, 0.25%)</title><rect x="937.4" y="149" width="3.0" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="940.40" y="159.5" ></text>
</g>
<g >
<title>encodeUtf8String (16 μs, 0.06%)</title><rect x="1160.0" y="165" width="0.7" height="15.0" fill="rgb(250,207,49)" rx="2" ry="2" />
<text x="1163.01" y="175.5" ></text>
</g>
<g >
<title>_writeRaw (13 μs, 0.05%)</title><rect x="668.1" y="149" width="0.6" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="671.08" y="159.5" ></text>
</g>
<g >
<title>S (104 μs, 0.40%)</title><rect x="886.9" y="229" width="4.7" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="889.85" y="239.5" ></text>
</g>
<g >
<title>Writable.write (265 μs, 1.03%)</title><rect x="653.8" y="149" width="12.1" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="656.75" y="159.5" ></text>
</g>
<g >
<title>React (46 μs, 0.18%)</title><rect x="286.7" y="213" width="2.1" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="289.69" y="223.5" ></text>
</g>
<g >
<title>BaseContext (22 μs, 0.09%)</title><rect x="737.2" y="213" width="1.0" height="15.0" fill="rgb(228,107,25)" rx="2" ry="2" />
<text x="740.22" y="223.5" ></text>
</g>
<g >
<title>enqueueMicrotask (36 μs, 0.14%)</title><rect x="1169.0" y="229" width="1.6" height="15.0" fill="rgb(225,93,22)" rx="2" ry="2" />
<text x="1171.98" y="239.5" ></text>
</g>
<g >
<title>parse (45 μs, 0.17%)</title><rect x="596.0" y="229" width="2.1" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="599.02" y="239.5" ></text>
</g>
<g >
<title>getIncrementalCache (44 μs, 0.17%)</title><rect x="898.5" y="261" width="2.0" height="15.0" fill="rgb(221,77,18)" rx="2" ry="2" />
<text x="901.53" y="271.5" ></text>
</g>
<g >
<title>BaseContext (16 μs, 0.06%)</title><rect x="744.1" y="165" width="0.8" height="15.0" fill="rgb(228,107,25)" rx="2" ry="2" />
<text x="747.13" y="175.5" ></text>
</g>
<g >
<title>trace (90 μs, 0.35%)</title><rect x="929.7" y="229" width="4.1" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="932.66" y="239.5" ></text>
</g>
<g >
<title>join (86 μs, 0.33%)</title><rect x="684.8" y="229" width="3.9" height="15.0" fill="rgb(222,82,19)" rx="2" ry="2" />
<text x="687.75" y="239.5" ></text>
</g>
<g >
<title>RegExp: \.[^.]+$ (22 μs, 0.09%)</title><rect x="584.8" y="245" width="1.0" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="587.80" y="255.5" ></text>
</g>
<g >
<title>K (43 μs, 0.17%)</title><rect x="231.9" y="261" width="2.0" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="234.93" y="271.5" ></text>
</g>
<g >
<title>invokePromiseCallback (419 μs, 1.63%)</title><rect x="1143.9" y="213" width="19.2" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="1146.94" y="223.5" ></text>
</g>
<g >
<title>validateEncoder (12 μs, 0.05%)</title><rect x="678.7" y="229" width="0.6" height="15.0" fill="rgb(226,99,23)" rx="2" ry="2" />
<text x="681.71" y="239.5" ></text>
</g>
<g >
<title>pipe.req.req (19 μs, 0.07%)</title><rect x="353.7" y="149" width="0.9" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="356.72" y="159.5" ></text>
</g>
<g >
<title>m (84 μs, 0.33%)</title><rect x="1164.8" y="213" width="3.9" height="15.0" fill="rgb(209,20,4)" rx="2" ry="2" />
<text x="1167.82" y="223.5" ></text>
</g>
<g >
<title>pipe (45 μs, 0.17%)</title><rect x="353.4" y="197" width="2.1" height="15.0" fill="rgb(235,141,33)" rx="2" ry="2" />
<text x="356.40" y="207.5" ></text>
</g>
<g >
<title>render (62 μs, 0.24%)</title><rect x="352.6" y="245" width="2.9" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="355.62" y="255.5" ></text>
</g>
<g >
<title>isNodeNextResponse (26 μs, 0.10%)</title><rect x="908.7" y="245" width="1.2" height="15.0" fill="rgb(220,71,17)" rx="2" ry="2" />
<text x="911.74" y="255.5" ></text>
</g>
<g >
<title>attachRequestMeta (24 μs, 0.09%)</title><rect x="906.5" y="245" width="1.1" height="15.0" fill="rgb(211,31,7)" rx="2" ry="2" />
<text x="909.54" y="255.5" ></text>
</g>
<g >
<title>renderImpl (45 μs, 0.17%)</title><rect x="353.4" y="213" width="2.1" height="15.0" fill="rgb(232,125,30)" rx="2" ry="2" />
<text x="356.40" y="223.5" ></text>
</g>
<g >
<title>test (85 μs, 0.33%)</title><rect x="917.8" y="117" width="3.9" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="920.80" y="127.5" ></text>
</g>
<g >
<title>React (43 μs, 0.17%)</title><rect x="1178.2" y="149" width="2.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1181.23" y="159.5" ></text>
</g>
<g >
<title>trace (12 μs, 0.05%)</title><rect x="255.8" y="261" width="0.6" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="258.83" y="271.5" ></text>
</g>
<g >
<title>with (244 μs, 0.95%)</title><rect x="743.2" y="229" width="11.1" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="746.17" y="239.5" ></text>
</g>
<g >
<title>trace (43 μs, 0.17%)</title><rect x="901.7" y="213" width="2.0" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="904.68" y="223.5" ></text>
</g>
<g >
<title>URL (32 μs, 0.12%)</title><rect x="714.5" y="165" width="1.4" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="717.47" y="175.5" ></text>
</g>
<g >
<title>pathCouldBeIntercepted (19 μs, 0.07%)</title><rect x="932.9" y="181" width="0.9" height="15.0" fill="rgb(230,117,28)" rx="2" ry="2" />
<text x="935.91" y="191.5" ></text>
</g>
<g >
<title>write (40 μs, 0.16%)</title><rect x="667.3" y="197" width="1.8" height="15.0" fill="rgb(228,107,25)" rx="2" ry="2" />
<text x="670.31" y="207.5" ></text>
</g>
<g >
<title>S (13 μs, 0.05%)</title><rect x="1179.6" y="101" width="0.6" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="1182.61" y="111.5" ></text>
</g>
<g >
<title>runImpl (128 μs, 0.50%)</title><rect x="915.8" y="213" width="5.9" height="15.0" fill="rgb(213,40,9)" rx="2" ry="2" />
<text x="918.83" y="223.5" ></text>
</g>
<g >
<title>structuredClone (79 μs, 0.31%)</title><rect x="720.4" y="165" width="3.6" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="723.37" y="175.5" ></text>
</g>
<g >
<title>WhatWG-Streams (221 μs, 0.86%)</title><rect x="241.4" y="165" width="10.2" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="244.45" y="175.5" ></text>
</g>
<g >
<title>decode (19 μs, 0.07%)</title><rect x="919.2" y="85" width="0.9" height="15.0" fill="rgb(210,23,5)" rx="2" ry="2" />
<text x="922.22" y="95.5" ></text>
</g>
<g >
<title>React (487 μs, 1.89%)</title><rect x="646.8" y="213" width="22.3" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="649.84" y="223.5" >R..</text>
</g>
<g >
<title>React (108 μs, 0.42%)</title><rect x="738.2" y="229" width="5.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="741.23" y="239.5" ></text>
</g>
<g >
<title>y (19 μs, 0.07%)</title><rect x="351.2" y="245" width="0.8" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="354.15" y="255.5" ></text>
</g>
<g >
<title>emit (11 μs, 0.04%)</title><rect x="270.9" y="261" width="0.5" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="273.89" y="271.5" ></text>
</g>
<g >
<title>trace (439 μs, 1.70%)</title><rect x="734.2" y="245" width="20.1" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="737.24" y="255.5" ></text>
</g>
<g >
<title>br (36 μs, 0.14%)</title><rect x="894.3" y="261" width="1.7" height="15.0" fill="rgb(244,179,42)" rx="2" ry="2" />
<text x="897.31" y="271.5" ></text>
</g>
<g >
<title>get (17 μs, 0.07%)</title><rect x="273.9" y="245" width="0.8" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="276.91" y="255.5" ></text>
</g>
<g >
<title>encode (38 μs, 0.15%)</title><rect x="249.6" y="69" width="1.7" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="252.55" y="79.5" ></text>
</g>
<g >
<title>invokePromiseCallback (501 μs, 1.94%)</title><rect x="646.2" y="229" width="22.9" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="649.20" y="239.5" >i..</text>
</g>
<g >
<title>encode (23 μs, 0.09%)</title><rect x="644.5" y="213" width="1.1" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="647.50" y="223.5" ></text>
</g>
<g >
<title>renderToResponseWithComponents (90 μs, 0.35%)</title><rect x="929.7" y="245" width="4.1" height="15.0" fill="rgb(226,97,23)" rx="2" ry="2" />
<text x="932.66" y="255.5" ></text>
</g>
<g >
<title>isDynamicRoute (19 μs, 0.07%)</title><rect x="916.9" y="149" width="0.9" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="919.93" y="159.5" ></text>
</g>
<g >
<title>normalizeString (14 μs, 0.05%)</title><rect x="944.7" y="181" width="0.6" height="15.0" fill="rgb(226,96,23)" rx="2" ry="2" />
<text x="947.68" y="191.5" ></text>
</g>
<g >
<title>ar (19 μs, 0.07%)</title><rect x="862.1" y="229" width="0.8" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="865.08" y="239.5" ></text>
</g>
<g >
<title>P (18 μs, 0.07%)</title><rect x="582.7" y="213" width="0.8" height="15.0" fill="rgb(246,192,45)" rx="2" ry="2" />
<text x="585.69" y="223.5" ></text>
</g>
<g >
<title>trace (45 μs, 0.17%)</title><rect x="353.4" y="181" width="2.1" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="356.40" y="191.5" ></text>
</g>
<g >
<title>runInAsyncScope (306 μs, 1.19%)</title><rect x="276.1" y="277" width="14.0" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="279.11" y="287.5" ></text>
</g>
<g >
<title>relative (50 μs, 0.19%)</title><rect x="943.0" y="213" width="2.3" height="15.0" fill="rgb(208,13,3)" rx="2" ry="2" />
<text x="946.03" y="223.5" ></text>
</g>
<g >
<title>emit (13 μs, 0.05%)</title><rect x="273.3" y="245" width="0.6" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="276.32" y="255.5" ></text>
</g>
<g >
<title>isInterceptionRouteAppPath (19 μs, 0.07%)</title><rect x="932.9" y="165" width="0.9" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="935.91" y="175.5" ></text>
</g>
<g >
<title>decodeUTF8 (64 μs, 0.25%)</title><rect x="672.8" y="229" width="2.9" height="15.0" fill="rgb(254,227,54)" rx="2" ry="2" />
<text x="675.80" y="239.5" ></text>
</g>
<g >
<title>a9 (21 μs, 0.08%)</title><rect x="864.3" y="261" width="0.9" height="15.0" fill="rgb(218,63,15)" rx="2" ry="2" />
<text x="867.28" y="271.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (311 μs, 1.21%)</title><rect x="812.7" y="133" width="14.2" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="815.68" y="143.5" ></text>
</g>
<g >
<title>bo (43 μs, 0.17%)</title><rect x="1178.2" y="197" width="2.0" height="15.0" fill="rgb(213,38,9)" rx="2" ry="2" />
<text x="1181.23" y="207.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (265 μs, 1.03%)</title><rect x="653.8" y="85" width="12.1" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="656.75" y="95.5" ></text>
</g>
<g >
<title>o (16 μs, 0.06%)</title><rect x="1167.9" y="197" width="0.8" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1170.93" y="207.5" ></text>
</g>
<g >
<title>withPropagatedContext (60 μs, 0.23%)</title><rect x="900.9" y="245" width="2.8" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="903.91" y="255.5" ></text>
</g>
<g >
<title>React (11 μs, 0.04%)</title><rect x="1136.0" y="213" width="0.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1138.97" y="223.5" ></text>
</g>
<g >
<title>findPageComponents (117 μs, 0.45%)</title><rect x="935.0" y="229" width="5.4" height="15.0" fill="rgb(248,198,47)" rx="2" ry="2" />
<text x="938.02" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (57 μs, 0.22%)</title><rect x="649.0" y="197" width="2.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="652.04" y="207.5" ></text>
</g>
<g >
<title>setVaryHeader (29 μs, 0.11%)</title><rect x="932.5" y="197" width="1.3" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="935.45" y="207.5" ></text>
</g>
<g >
<title>trace (57 μs, 0.22%)</title><rect x="348.5" y="229" width="2.7" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="351.54" y="239.5" ></text>
</g>
<g >
<title>Socket._writev (209 μs, 0.81%)</title><rect x="260.5" y="213" width="9.5" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="263.45" y="223.5" ></text>
</g>
<g >
<title>with (13 μs, 0.05%)</title><rect x="753.7" y="149" width="0.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="756.75" y="159.5" ></text>
</g>
<g >
<title>pipeImpl (38 μs, 0.15%)</title><rect x="353.7" y="165" width="1.8" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="356.72" y="175.5" ></text>
</g>
<g >
<title>_write (13 μs, 0.05%)</title><rect x="668.1" y="117" width="0.6" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="671.08" y="127.5" ></text>
</g>
<g >
<title>handledRejection (26 μs, 0.10%)</title><rect x="832.7" y="213" width="1.2" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="835.73" y="223.5" ></text>
</g>
<g >
<title>parse (18 μs, 0.07%)</title><rect x="1136.8" y="213" width="0.8" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="1139.75" y="223.5" ></text>
</g>
<g >
<title>Writable.uncork (317 μs, 1.23%)</title><rect x="812.4" y="197" width="14.5" height="15.0" fill="rgb(229,114,27)" rx="2" ry="2" />
<text x="815.40" y="207.5" ></text>
</g>
<g >
<title>unhandledRejection (22 μs, 0.09%)</title><rect x="828.2" y="229" width="1.0" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="831.15" y="239.5" ></text>
</g>
<g >
<title>parseUrl (99 μs, 0.38%)</title><rect x="909.9" y="245" width="4.6" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="912.93" y="255.5" ></text>
</g>
<g >
<title>encodeInto (30 μs, 0.12%)</title><rect x="810.8" y="213" width="1.4" height="15.0" fill="rgb(246,192,46)" rx="2" ry="2" />
<text x="813.80" y="223.5" ></text>
</g>
<g >
<title>decode (112 μs, 0.43%)</title><rect x="670.8" y="245" width="5.2" height="15.0" fill="rgb(210,23,5)" rx="2" ry="2" />
<text x="673.83" y="255.5" ></text>
</g>
<g >
<title>invokePromiseCallback (299 μs, 1.16%)</title><rect x="239.2" y="245" width="13.6" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="242.16" y="255.5" ></text>
</g>
<g >
<title>RegExp: ^(.*[\\/])?next[\\/]dist[\\/]client[\\/]components[\\/]builtin[\\/] (44 μs, 0.17%)</title><rect x="585.8" y="245" width="2.0" height="15.0" fill="rgb(247,193,46)" rx="2" ry="2" />
<text x="588.81" y="255.5" ></text>
</g>
<g >
<title>S (141 μs, 0.55%)</title><rect x="589.2" y="245" width="6.5" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="592.24" y="255.5" ></text>
</g>
<g >
<title>React (42 μs, 0.16%)</title><rect x="1176.3" y="149" width="1.9" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1179.31" y="159.5" ></text>
</g>
<g >
<title>BaseContext.self.setValue (24 μs, 0.09%)</title><rect x="743.8" y="181" width="1.1" height="15.0" fill="rgb(249,204,48)" rx="2" ry="2" />
<text x="746.77" y="191.5" ></text>
</g>
<g >
<title>doWrite (311 μs, 1.21%)</title><rect x="812.7" y="165" width="14.2" height="15.0" fill="rgb(221,78,18)" rx="2" ry="2" />
<text x="815.68" y="175.5" ></text>
</g>
<g >
<title>_addHeaderLine (17 μs, 0.07%)</title><rect x="273.9" y="229" width="0.8" height="15.0" fill="rgb(219,68,16)" rx="2" ry="2" />
<text x="276.91" y="239.5" ></text>
</g>
<g >
<title>React (5,121 μs, 19.87%)</title><rect x="947.3" y="245" width="234.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="950.29" y="255.5" >React</text>
</g>
<g >
<title>bs (43 μs, 0.17%)</title><rect x="1178.2" y="181" width="2.0" height="15.0" fill="rgb(237,149,35)" rx="2" ry="2" />
<text x="1181.23" y="191.5" ></text>
</g>
<g >
<title>a_ (497 μs, 1.93%)</title><rect x="870.9" y="261" width="22.8" height="15.0" fill="rgb(223,83,20)" rx="2" ry="2" />
<text x="873.92" y="271.5" >a_</text>
</g>
<g >
<title>a_ (21 μs, 0.08%)</title><rect x="1177.3" y="133" width="0.9" height="15.0" fill="rgb(223,83,20)" rx="2" ry="2" />
<text x="1180.27" y="143.5" ></text>
</g>
<g >
<title>get (20 μs, 0.08%)</title><rect x="1171.0" y="229" width="0.9" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1173.95" y="239.5" ></text>
</g>
<g >
<title>BaseContext.self.setValue (22 μs, 0.09%)</title><rect x="737.2" y="229" width="1.0" height="15.0" fill="rgb(249,204,48)" rx="2" ry="2" />
<text x="740.22" y="239.5" ></text>
</g>
<g >
<title>structuredClone (171 μs, 0.66%)</title><rect x="726.4" y="245" width="7.8" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="729.42" y="255.5" ></text>
</g>
<g >
<title>K (24 μs, 0.09%)</title><rect x="1135.4" y="229" width="1.1" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="1138.38" y="239.5" ></text>
</g>
<g >
<title>assignSocket (13 μs, 0.05%)</title><rect x="272.7" y="245" width="0.6" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="275.72" y="255.5" ></text>
</g>
<g >
<title>isInterceptionRouteAppPath (19 μs, 0.07%)</title><rect x="916.9" y="133" width="0.9" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="919.93" y="143.5" ></text>
</g>
<g >
<title>callback (55 μs, 0.21%)</title><rect x="257.7" y="245" width="2.5" height="15.0" fill="rgb(211,30,7)" rx="2" ry="2" />
<text x="260.66" y="255.5" ></text>
</g>
<g >
<title>(program) (107 μs, 0.42%)</title><rect x="173.4" y="277" width="4.9" height="15.0" fill="rgb(230,118,28)" rx="2" ry="2" />
<text x="176.41" y="287.5" ></text>
</g>
<g >
<title>URL (52 μs, 0.20%)</title><rect x="595.7" y="245" width="2.4" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="598.70" y="255.5" ></text>
</g>
<g >
<title>invokePromiseCallback (795 μs, 3.08%)</title><rect x="790.5" y="245" width="36.4" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="793.52" y="255.5" >inv..</text>
</g>
<g >
<title>WhatWG-Streams (1,654 μs, 6.42%)</title><rect x="758.2" y="261" width="75.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="761.19" y="271.5" >WhatWG-S..</text>
</g>
<g >
<title>WhatWG-Streams (139 μs, 0.54%)</title><rect x="244.9" y="117" width="6.4" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="247.93" y="127.5" ></text>
</g>
<g >
<title>aY (23 μs, 0.09%)</title><rect x="892.6" y="245" width="1.1" height="15.0" fill="rgb(212,32,7)" rx="2" ry="2" />
<text x="895.62" y="255.5" ></text>
</g>
<g >
<title>enqueueMicrotask (18 μs, 0.07%)</title><rect x="679.3" y="245" width="0.8" height="15.0" fill="rgb(225,93,22)" rx="2" ry="2" />
<text x="682.26" y="255.5" ></text>
</g>
<g >
<title>V (116 μs, 0.45%)</title><rect x="590.4" y="229" width="5.3" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="593.38" y="239.5" ></text>
</g>
<g >
<title>Writable.uncork (215 μs, 0.83%)</title><rect x="260.2" y="261" width="9.8" height="15.0" fill="rgb(229,114,27)" rx="2" ry="2" />
<text x="263.18" y="271.5" ></text>
</g>
<g >
<title>URL (19 μs, 0.07%)</title><rect x="931.6" y="165" width="0.9" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="934.58" y="175.5" ></text>
</g>
<g >
<title>renderToResponseWithComponentsImpl (76 μs, 0.29%)</title><rect x="930.3" y="213" width="3.5" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="933.30" y="223.5" ></text>
</g>
<g >
<title>WhatWG-Streams (78 μs, 0.30%)</title><rect x="924.8" y="213" width="3.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="927.81" y="223.5" ></text>
</g>
<g >
<title>renderToResponseImpl (12 μs, 0.05%)</title><rect x="354.0" y="101" width="0.6" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="357.04" y="111.5" ></text>
</g>
<g >
<title>doWrite (209 μs, 0.81%)</title><rect x="260.5" y="229" width="9.5" height="15.0" fill="rgb(221,78,18)" rx="2" ry="2" />
<text x="263.45" y="239.5" ></text>
</g>
<g >
<title>trace (97 μs, 0.38%)</title><rect x="935.9" y="213" width="4.5" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="938.93" y="223.5" ></text>
</g>
<g >
<title>Socket._write (265 μs, 1.03%)</title><rect x="653.8" y="101" width="12.1" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="656.75" y="111.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (209 μs, 0.81%)</title><rect x="260.5" y="197" width="9.5" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="263.45" y="207.5" ></text>
</g>
<g >
<title>parserOnHeadersComplete (82 μs, 0.32%)</title><rect x="271.4" y="277" width="3.7" height="15.0" fill="rgb(222,82,19)" rx="2" ry="2" />
<text x="274.39" y="287.5" ></text>
</g>
<g >
<title>aY (110 μs, 0.43%)</title><rect x="865.6" y="261" width="5.0" height="15.0" fill="rgb(212,32,7)" rx="2" ry="2" />
<text x="868.61" y="271.5" ></text>
</g>
<g >
<title>_write (265 μs, 1.03%)</title><rect x="653.8" y="133" width="12.1" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="656.75" y="143.5" ></text>
</g>
<g >
<title>React (8,796 μs, 34.13%)</title><rect x="355.5" y="261" width="402.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="358.46" y="271.5" >React</text>
</g>
<g >
<title>React (284 μs, 1.10%)</title><rect x="276.1" y="261" width="13.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="279.11" y="271.5" ></text>
</g>
<g >
<title>dequeueValue (19 μs, 0.07%)</title><rect x="789.4" y="245" width="0.8" height="15.0" fill="rgb(230,117,28)" rx="2" ry="2" />
<text x="792.37" y="255.5" ></text>
</g>
<g >
<title>WhatWG-Streams (1,589 μs, 6.17%)</title><rect x="598.1" y="245" width="72.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="601.08" y="255.5" >WhatWG-S..</text>
</g>
<g >
<title>loadManifest (58 μs, 0.23%)</title><rect x="688.7" y="229" width="2.6" height="15.0" fill="rgb(209,21,5)" rx="2" ry="2" />
<text x="691.69" y="239.5" ></text>
</g>
<g >
<title>with (60 μs, 0.23%)</title><rect x="900.9" y="229" width="2.8" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="903.91" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (266 μs, 1.03%)</title><rect x="239.4" y="213" width="12.2" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="242.39" y="223.5" ></text>
</g>
<g >
<title>endReadableNT (23 μs, 0.09%)</title><rect x="270.3" y="277" width="1.1" height="15.0" fill="rgb(243,176,42)" rx="2" ry="2" />
<text x="273.34" y="287.5" ></text>
</g>
<g >
<title>WhatWG-Streams (170 μs, 0.66%)</title><rect x="1181.8" y="245" width="7.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1184.76" y="255.5" ></text>
</g>
<g >
<title>encodeInto (52 μs, 0.20%)</title><rect x="1160.7" y="181" width="2.4" height="15.0" fill="rgb(246,192,46)" rx="2" ry="2" />
<text x="1163.74" y="191.5" ></text>
</g>
<g >
<title>promiseRejectHandler (26 μs, 0.10%)</title><rect x="832.7" y="229" width="1.2" height="15.0" fill="rgb(215,49,11)" rx="2" ry="2" />
<text x="835.73" y="239.5" ></text>
</g>
<g >
<title>runInAsyncScope (5,319 μs, 20.64%)</title><rect x="946.5" y="261" width="243.5" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="949.46" y="271.5" >runInAsyncScope</text>
</g>
<g >
<title>with (26 μs, 0.10%)</title><rect x="902.5" y="165" width="1.2" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="905.46" y="175.5" ></text>
</g>
<g >
<title>React (114 μs, 0.44%)</title><rect x="1175.0" y="213" width="5.2" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1177.98" y="223.5" ></text>
</g>
<g >
<title>startActiveSpan (26 μs, 0.10%)</title><rect x="902.5" y="181" width="1.2" height="15.0" fill="rgb(210,24,5)" rx="2" ry="2" />
<text x="905.46" y="191.5" ></text>
</g>
<g >
<title>p (137 μs, 0.53%)</title><rect x="1173.9" y="229" width="6.3" height="15.0" fill="rgb(240,161,38)" rx="2" ry="2" />
<text x="1176.93" y="239.5" ></text>
</g>
<g >
<title>_send (265 μs, 1.03%)</title><rect x="653.8" y="181" width="12.1" height="15.0" fill="rgb(247,197,47)" rx="2" ry="2" />
<text x="656.75" y="191.5" ></text>
</g>
<g >
<title>e (32 μs, 0.12%)</title><rect x="254.4" y="245" width="1.4" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="257.36" y="255.5" ></text>
</g>
<g >
<title>Event (14 μs, 0.05%)</title><rect x="1158.0" y="133" width="0.7" height="15.0" fill="rgb(243,175,41)" rx="2" ry="2" />
<text x="1161.04" y="143.5" ></text>
</g>
<g >
<title>mod.require (25 μs, 0.10%)</title><rect x="939.2" y="85" width="1.2" height="15.0" fill="rgb(207,11,2)" rx="2" ry="2" />
<text x="942.23" y="95.5" ></text>
</g>
<g >
<title>trace (13 μs, 0.05%)</title><rect x="753.7" y="165" width="0.6" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="756.75" y="175.5" ></text>
</g>
<g >
<title>React (43 μs, 0.17%)</title><rect x="349.2" y="197" width="2.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="352.18" y="207.5" ></text>
</g>
<g >
<title>wrapModuleLoad (25 μs, 0.10%)</title><rect x="939.2" y="69" width="1.2" height="15.0" fill="rgb(211,29,6)" rx="2" ry="2" />
<text x="942.23" y="79.5" ></text>
</g>
<g >
<title>React (299 μs, 1.16%)</title><rect x="239.2" y="229" width="13.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="242.16" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (407 μs, 1.58%)</title><rect x="234.2" y="261" width="18.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="237.21" y="271.5" ></text>
</g>
<g >
<title>Socket._writev (311 μs, 1.21%)</title><rect x="812.7" y="149" width="14.2" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="815.68" y="159.5" ></text>
</g>
<g >
<title>now (27 μs, 0.10%)</title><rect x="691.3" y="245" width="1.3" height="15.0" fill="rgb(217,56,13)" rx="2" ry="2" />
<text x="694.34" y="255.5" ></text>
</g>
<g >
<title>encode (30 μs, 0.12%)</title><rect x="741.8" y="213" width="1.4" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="744.80" y="223.5" ></text>
</g>
<g >
<title>n (734 μs, 2.85%)</title><rect x="692.6" y="229" width="33.6" height="15.0" fill="rgb(252,220,52)" rx="2" ry="2" />
<text x="695.58" y="239.5" >n</text>
</g>
<g >
<title>v (15 μs, 0.06%)</title><rect x="256.4" y="261" width="0.7" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="259.38" y="271.5" ></text>
</g>
<g >
<title>M (31 μs, 0.12%)</title><rect x="582.4" y="245" width="1.4" height="15.0" fill="rgb(216,51,12)" rx="2" ry="2" />
<text x="585.42" y="255.5" ></text>
</g>
<g >
<title>React (110 μs, 0.43%)</title><rect x="246.3" y="85" width="5.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="249.26" y="95.5" ></text>
</g>
<g >
<title>getCloneableBody (18 μs, 0.07%)</title><rect x="906.8" y="229" width="0.8" height="15.0" fill="rgb(254,229,54)" rx="2" ry="2" />
<text x="909.81" y="239.5" ></text>
</g>
<g >
<title>promiseRejectHandler (22 μs, 0.09%)</title><rect x="828.2" y="245" width="1.0" height="15.0" fill="rgb(215,49,11)" rx="2" ry="2" />
<text x="831.15" y="255.5" ></text>
</g>
<g >
<title>N (24 μs, 0.09%)</title><rect x="582.4" y="229" width="1.1" height="15.0" fill="rgb(209,21,5)" rx="2" ry="2" />
<text x="585.42" y="239.5" ></text>
</g>
<g >
<title>with (90 μs, 0.35%)</title><rect x="936.3" y="197" width="4.1" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="939.25" y="207.5" ></text>
</g>
<g >
<title>React (419 μs, 1.63%)</title><rect x="1143.9" y="197" width="19.2" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1146.94" y="207.5" ></text>
</g>
<g >
<title>markTransferMode (26 μs, 0.10%)</title><rect x="669.1" y="229" width="1.2" height="15.0" fill="rgb(235,139,33)" rx="2" ry="2" />
<text x="672.14" y="239.5" ></text>
</g>
<g >
<title>writevGeneric (306 μs, 1.19%)</title><rect x="812.9" y="117" width="14.0" height="15.0" fill="rgb(237,150,35)" rx="2" ry="2" />
<text x="815.91" y="127.5" ></text>
</g>
<g >
<title>React (164 μs, 0.64%)</title><rect x="244.1" y="133" width="7.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="247.06" y="143.5" ></text>
</g>
<g >
<title>writeOrBuffer (265 μs, 1.03%)</title><rect x="653.8" y="117" width="12.1" height="15.0" fill="rgb(242,173,41)" rx="2" ry="2" />
<text x="656.75" y="127.5" ></text>
</g>
<g >
<title>withSpan (84 μs, 0.33%)</title><rect x="754.3" y="245" width="3.9" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="757.35" y="255.5" ></text>
</g>
<g >
<title>setPromiseHandled (90 μs, 0.35%)</title><rect x="829.8" y="245" width="4.1" height="15.0" fill="rgb(226,98,23)" rx="2" ry="2" />
<text x="832.80" y="255.5" ></text>
</g>
<g >
<title>writeGeneric (260 μs, 1.01%)</title><rect x="654.0" y="69" width="11.9" height="15.0" fill="rgb(249,206,49)" rx="2" ry="2" />
<text x="656.98" y="79.5" ></text>
</g>
<g >
<title>m (728 μs, 2.82%)</title><rect x="692.9" y="213" width="33.3" height="15.0" fill="rgb(209,20,4)" rx="2" ry="2" />
<text x="695.85" y="223.5" >m</text>
</g>
<g >
<title>run (144 μs, 0.56%)</title><rect x="915.1" y="245" width="6.6" height="15.0" fill="rgb(210,26,6)" rx="2" ry="2" />
<text x="918.10" y="255.5" ></text>
</g>
<g >
<title>flushHeaders (311 μs, 1.21%)</title><rect x="651.6" y="197" width="14.3" height="15.0" fill="rgb(214,43,10)" rx="2" ry="2" />
<text x="654.65" y="207.5" ></text>
</g>
<g >
<title>abortSignal (32 μs, 0.12%)</title><rect x="1157.2" y="165" width="1.5" height="15.0" fill="rgb(236,144,34)" rx="2" ry="2" />
<text x="1160.22" y="175.5" ></text>
</g>
<g >
<title>a7 (21 μs, 0.08%)</title><rect x="864.3" y="245" width="0.9" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="867.28" y="255.5" ></text>
</g>
<g >
<title>loadManifestFromRelativePath (188 μs, 0.73%)</title><rect x="682.7" y="245" width="8.6" height="15.0" fill="rgb(236,145,34)" rx="2" ry="2" />
<text x="685.74" y="255.5" ></text>
</g>
<g >
<title>startActiveSpan (244 μs, 0.95%)</title><rect x="743.2" y="213" width="11.1" height="15.0" fill="rgb(210,24,5)" rx="2" ry="2" />
<text x="746.17" y="223.5" ></text>
</g>
<g >
<title>resolveForCJSWithHooks (19 μs, 0.07%)</title><rect x="725.3" y="149" width="0.9" height="15.0" fill="rgb(254,229,54)" rx="2" ry="2" />
<text x="728.32" y="159.5" ></text>
</g>
<g >
<title>React (70 μs, 0.27%)</title><rect x="942.1" y="229" width="3.2" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="945.11" y="239.5" ></text>
</g>
<g >
<title>parse (44 μs, 0.17%)</title><rect x="912.2" y="197" width="2.0" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="915.22" y="207.5" ></text>
</g>
<g >
<title>bind (74 μs, 0.29%)</title><rect x="715.9" y="165" width="3.4" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="718.93" y="175.5" ></text>
</g>
<g >
<title>bs (26 μs, 0.10%)</title><rect x="896.0" y="261" width="1.2" height="15.0" fill="rgb(237,149,35)" rx="2" ry="2" />
<text x="898.96" y="271.5" ></text>
</g>
<g >
<title>stripParameterSeparators (35 μs, 0.14%)</title><rect x="920.1" y="101" width="1.6" height="15.0" fill="rgb(234,135,32)" rx="2" ry="2" />
<text x="923.09" y="111.5" ></text>
</g>
<g >
<title>S (119 μs, 0.46%)</title><rect x="855.9" y="229" width="5.5" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="858.94" y="239.5" ></text>
</g>
<g >
<title>React (11 μs, 0.04%)</title><rect x="233.4" y="245" width="0.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="236.39" y="255.5" ></text>
</g>
<g >
<title>o (41 μs, 0.16%)</title><rect x="253.9" y="261" width="1.9" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="256.95" y="271.5" ></text>
</g>
<g >
<title>parse (15 μs, 0.06%)</title><rect x="945.5" y="197" width="0.7" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="948.55" y="207.5" ></text>
</g>
<g >
<title>a9 (42 μs, 0.16%)</title><rect x="1176.3" y="165" width="1.9" height="15.0" fill="rgb(218,63,15)" rx="2" ry="2" />
<text x="1179.31" y="175.5" ></text>
</g>
<g >
<title>writev (261 μs, 1.01%)</title><rect x="815.0" y="101" width="11.9" height="15.0" fill="rgb(216,50,12)" rx="2" ry="2" />
<text x="817.97" y="111.5" ></text>
</g>
<g >
<title>renderPageComponent (90 μs, 0.35%)</title><rect x="929.7" y="261" width="4.1" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="932.66" y="271.5" ></text>
</g>
<g >
<title>(root) (25,772 μs, 100.00%)</title><rect x="10.0" y="293" width="1180.0" height="15.0" fill="rgb(220,70,16)" rx="2" ry="2" />
<text x="13.00" y="303.5" >(root)</text>
</g>
<g >
<title>render (27 μs, 0.10%)</title><rect x="1180.2" y="229" width="1.2" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="1183.20" y="239.5" ></text>
</g>
<g >
<title>React (68 μs, 0.26%)</title><rect x="755.1" y="213" width="3.1" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="758.08" y="223.5" ></text>
</g>
<g >
<title>writeHead (40 μs, 0.16%)</title><rect x="651.9" y="165" width="1.9" height="15.0" fill="rgb(238,152,36)" rx="2" ry="2" />
<text x="654.92" y="175.5" ></text>
</g>
<g >
<title>i (642 μs, 2.49%)</title><rect x="694.9" y="197" width="29.4" height="15.0" fill="rgb(235,139,33)" rx="2" ry="2" />
<text x="697.87" y="207.5" >i</text>
</g>
<g >
<title>V (87 μs, 0.34%)</title><rect x="887.6" y="213" width="4.0" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="890.63" y="223.5" ></text>
</g>
<g >
<title>addAbortListener (23 μs, 0.09%)</title><rect x="927.3" y="197" width="1.1" height="15.0" fill="rgb(225,95,22)" rx="2" ry="2" />
<text x="930.33" y="207.5" ></text>
</g>
<g >
<title>trace (56 μs, 0.22%)</title><rect x="352.9" y="229" width="2.6" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="355.89" y="239.5" ></text>
</g>
<g >
<title>match (85 μs, 0.33%)</title><rect x="917.8" y="133" width="3.9" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="920.80" y="143.5" ></text>
</g>
<g >
<title>aZ (19 μs, 0.07%)</title><rect x="862.1" y="245" width="0.8" height="15.0" fill="rgb(205,2,0)" rx="2" ry="2" />
<text x="865.08" y="255.5" ></text>
</g>
<g >
<title>R (126 μs, 0.49%)</title><rect x="886.9" y="245" width="5.7" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="889.85" y="255.5" ></text>
</g>
<g >
<title>J (27 μs, 0.10%)</title><rect x="230.7" y="261" width="1.2" height="15.0" fill="rgb(235,140,33)" rx="2" ry="2" />
<text x="233.69" y="271.5" ></text>
</g>
<g >
<title>WhatWG-Streams (154 μs, 0.60%)</title><rect x="803.7" y="213" width="7.1" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="806.75" y="223.5" ></text>
</g>
<g >
<title>indexOfBuffer (18 μs, 0.07%)</title><rect x="252.0" y="181" width="0.8" height="15.0" fill="rgb(242,174,41)" rx="2" ry="2" />
<text x="255.03" y="191.5" ></text>
</g>
<g >
<title>afterWriteTick (55 μs, 0.21%)</title><rect x="257.7" y="277" width="2.5" height="15.0" fill="rgb(209,21,5)" rx="2" ry="2" />
<text x="260.66" y="287.5" ></text>
</g>
<g >
<title>require (42 μs, 0.16%)</title><rect x="724.3" y="197" width="1.9" height="15.0" fill="rgb(221,76,18)" rx="2" ry="2" />
<text x="727.26" y="207.5" ></text>
</g>
<g >
<title>bidirectionalIndexOf (18 μs, 0.07%)</title><rect x="252.0" y="197" width="0.8" height="15.0" fill="rgb(244,183,43)" rx="2" ry="2" />
<text x="255.03" y="207.5" ></text>
</g>
<g >
<title>loadComponentsImpl (60 μs, 0.23%)</title><rect x="937.6" y="133" width="2.8" height="15.0" fill="rgb(218,64,15)" rx="2" ry="2" />
<text x="940.63" y="143.5" ></text>
</g>
<g >
<title>getHeader (15 μs, 0.06%)</title><rect x="681.7" y="245" width="0.7" height="15.0" fill="rgb(217,56,13)" rx="2" ry="2" />
<text x="684.68" y="255.5" ></text>
</g>
<g >
<title>React (1,720 μs, 6.67%)</title><rect x="178.3" y="277" width="78.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="181.31" y="287.5" >React</text>
</g>
<g >
<title>byteLength (16 μs, 0.06%)</title><rect x="1163.7" y="229" width="0.8" height="15.0" fill="rgb(206,6,1)" rx="2" ry="2" />
<text x="1166.72" y="239.5" ></text>
</g>
<g >
<title>R (140 μs, 0.54%)</title><rect x="855.7" y="245" width="6.4" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="858.67" y="255.5" ></text>
</g>
<g >
<title>React (12 μs, 0.05%)</title><rect x="255.8" y="245" width="0.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="258.83" y="255.5" ></text>
</g>
<g >
<title>with (207 μs, 0.80%)</title><rect x="744.9" y="197" width="9.4" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="747.87" y="207.5" ></text>
</g>
<g >
<title>o (156 μs, 0.61%)</title><rect x="922.2" y="261" width="7.1" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="925.15" y="271.5" ></text>
</g>
<g >
<title>React (235 μs, 0.91%)</title><rect x="240.8" y="181" width="10.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="243.81" y="191.5" ></text>
</g>
<g >
<title>removeEventListener (14 μs, 0.05%)</title><rect x="829.2" y="245" width="0.6" height="15.0" fill="rgb(205,0,0)" rx="2" ry="2" />
<text x="832.16" y="255.5" ></text>
</g>
<g >
<title>_implicitHeader (46 μs, 0.18%)</title><rect x="651.6" y="181" width="2.2" height="15.0" fill="rgb(221,77,18)" rx="2" ry="2" />
<text x="654.65" y="191.5" ></text>
</g>
<g >
<title>renderToResponse (19 μs, 0.07%)</title><rect x="353.7" y="133" width="0.9" height="15.0" fill="rgb(248,197,47)" rx="2" ry="2" />
<text x="356.72" y="143.5" ></text>
</g>
<g >
<title>writev (188 μs, 0.73%)</title><rect x="261.4" y="165" width="8.6" height="15.0" fill="rgb(216,50,12)" rx="2" ry="2" />
<text x="264.41" y="175.5" ></text>
</g>
<g >
<title>all (25,772 μs, 100%)</title><rect x="10.0" y="309" width="1180.0" height="15.0" fill="rgb(213,39,9)" rx="2" ry="2" />
<text x="13.00" y="319.5" ></text>
</g>
<g >
<title>WhatWG-Streams (13 μs, 0.05%)</title><rect x="257.1" y="277" width="0.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="260.06" y="287.5" ></text>
</g>
<g >
<title>React (115 μs, 0.45%)</title><rect x="923.3" y="229" width="5.3" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="926.34" y="239.5" ></text>
</g>
<g >
<title>handleRequestImpl (394 μs, 1.53%)</title><rect x="903.7" y="261" width="18.0" height="15.0" fill="rgb(248,202,48)" rx="2" ry="2" />
<text x="906.65" y="271.5" ></text>
</g>
<g >
<title>indexOf (18 μs, 0.07%)</title><rect x="252.0" y="213" width="0.8" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="255.03" y="223.5" ></text>
</g>
<g >
<title>writevGeneric (209 μs, 0.81%)</title><rect x="260.5" y="181" width="9.5" height="15.0" fill="rgb(237,150,35)" rx="2" ry="2" />
<text x="263.45" y="191.5" ></text>
</g>
<g >
<title>get (35 μs, 0.14%)</title><rect x="680.1" y="245" width="1.6" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="683.08" y="255.5" ></text>
</g>
<g >
<title>normalizeAppPath (20 μs, 0.08%)</title><rect x="935.0" y="213" width="0.9" height="15.0" fill="rgb(220,72,17)" rx="2" ry="2" />
<text x="938.02" y="223.5" ></text>
</g>
<g >
<title>aX (81 μs, 0.31%)</title><rect x="866.9" y="245" width="3.7" height="15.0" fill="rgb(218,61,14)" rx="2" ry="2" />
<text x="869.93" y="255.5" ></text>
</g>
<g >
<title>isPromisePending (27 μs, 0.10%)</title><rect x="826.9" y="245" width="1.3" height="15.0" fill="rgb(214,42,10)" rx="2" ry="2" />
<text x="829.92" y="255.5" ></text>
</g>
<g >
<title>K (130 μs, 0.50%)</title><rect x="922.9" y="245" width="5.9" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="925.88" y="255.5" ></text>
</g>
<g >
<title>trace (144 μs, 0.56%)</title><rect x="915.1" y="229" width="6.6" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="918.10" y="239.5" ></text>
</g>
<g >
<title>K (234 μs, 0.91%)</title><rect x="341.3" y="261" width="10.7" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="344.31" y="271.5" ></text>
</g>
<g >
<title>encodeUtf8String (28 μs, 0.11%)</title><rect x="677.4" y="229" width="1.3" height="15.0" fill="rgb(250,207,49)" rx="2" ry="2" />
<text x="680.42" y="239.5" ></text>
</g>
<g >
<title>(idle) (2,318 μs, 8.99%)</title><rect x="67.3" y="277" width="106.1" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="70.28" y="287.5" >(idle)</text>
</g>
<g >
<title>patchSetHeaderWithCookieSupport (14 μs, 0.05%)</title><rect x="914.5" y="245" width="0.6" height="15.0" fill="rgb(243,177,42)" rx="2" ry="2" />
<text x="917.46" y="255.5" ></text>
</g>
<g >
<title>rawMatcher (50 μs, 0.19%)</title><rect x="917.8" y="101" width="2.3" height="15.0" fill="rgb(208,14,3)" rx="2" ry="2" />
<text x="920.80" y="111.5" ></text>
</g>
<g >
<title>renderToResponseWithComponentsImpl (128 μs, 0.50%)</title><rect x="940.4" y="261" width="5.8" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="943.37" y="271.5" ></text>
</g>
<g >
<title>o (15 μs, 0.06%)</title><rect x="1173.2" y="229" width="0.7" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1176.24" y="239.5" ></text>
</g>
<g >
<title>matchAll (115 μs, 0.45%)</title><rect x="916.4" y="165" width="5.3" height="15.0" fill="rgb(206,8,2)" rx="2" ry="2" />
<text x="919.43" y="175.5" ></text>
</g>
<g >
<title>cloneAsUint8Array (15 μs, 0.06%)</title><rect x="289.4" y="245" width="0.7" height="15.0" fill="rgb(233,130,31)" rx="2" ry="2" />
<text x="292.43" y="255.5" ></text>
</g>
<g >
<title>parseUrl (19 μs, 0.07%)</title><rect x="931.6" y="197" width="0.9" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="934.58" y="207.5" ></text>
</g>
<g >
<title>writeUtf8String (254 μs, 0.99%)</title><rect x="654.3" y="37" width="11.6" height="15.0" fill="rgb(233,128,30)" rx="2" ry="2" />
<text x="657.26" y="47.5" ></text>
</g>
<g >
<title>React (628 μs, 2.44%)</title><rect x="695.2" y="181" width="28.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="698.24" y="191.5" >Re..</text>
</g>
<g >
<title>d (92 μs, 0.36%)</title><rect x="1164.5" y="229" width="4.2" height="15.0" fill="rgb(217,57,13)" rx="2" ry="2" />
<text x="1167.45" y="239.5" ></text>
</g>
<g >
<title>responseGenerator (734 μs, 2.85%)</title><rect x="692.6" y="245" width="33.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="695.58" y="255.5" >re..</text>
</g>
<g >
<title>get (14 μs, 0.05%)</title><rect x="938.6" y="69" width="0.6" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="941.59" y="79.5" ></text>
</g>
<g >
<title>I (11 μs, 0.04%)</title><rect x="230.2" y="261" width="0.5" height="15.0" fill="rgb(241,170,40)" rx="2" ry="2" />
<text x="233.19" y="271.5" ></text>
</g>
<g >
<title>l (15 μs, 0.06%)</title><rect x="861.4" y="229" width="0.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="864.39" y="239.5" ></text>
</g>
<g >
<title>_storeHeader (32 μs, 0.12%)</title><rect x="652.3" y="149" width="1.5" height="15.0" fill="rgb(222,81,19)" rx="2" ry="2" />
<text x="655.29" y="159.5" ></text>
</g>
<g >
<title>handleWriteReq (254 μs, 0.99%)</title><rect x="654.3" y="53" width="11.6" height="15.0" fill="rgb(217,58,14)" rx="2" ry="2" />
<text x="657.26" y="63.5" ></text>
</g>
<g >
<title>React (77 μs, 0.30%)</title><rect x="642.4" y="229" width="3.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="645.44" y="239.5" ></text>
</g>
<g >
<title>onFinish (55 μs, 0.21%)</title><rect x="257.7" y="229" width="2.5" height="15.0" fill="rgb(251,215,51)" rx="2" ry="2" />
<text x="260.66" y="239.5" ></text>
</g>
<g >
<title>setStreamTimeout (20 μs, 0.08%)</title><rect x="259.3" y="181" width="0.9" height="15.0" fill="rgb(214,41,9)" rx="2" ry="2" />
<text x="262.26" y="191.5" ></text>
</g>
<g >
<title>o (43 μs, 0.17%)</title><rect x="349.2" y="213" width="2.0" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="352.18" y="223.5" ></text>
</g>
<g >
<title>React (11 μs, 0.04%)</title><rect x="231.4" y="245" width="0.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="234.42" y="255.5" ></text>
</g>
<g >
<title>l (22 μs, 0.09%)</title><rect x="891.6" y="229" width="1.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="894.61" y="239.5" ></text>
</g>
<g >
<title>resOnFinish (44 μs, 0.17%)</title><rect x="258.2" y="197" width="2.0" height="15.0" fill="rgb(226,100,23)" rx="2" ry="2" />
<text x="261.16" y="207.5" ></text>
</g>
<g >
<title>runAbort (25 μs, 0.10%)</title><rect x="1157.5" y="149" width="1.2" height="15.0" fill="rgb(254,229,54)" rx="2" ry="2" />
<text x="1160.54" y="159.5" ></text>
</g>
<g >
<title>React (27 μs, 0.10%)</title><rect x="346.5" y="245" width="1.3" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="349.53" y="255.5" ></text>
</g>
<g >
<title>afterWrite (55 μs, 0.21%)</title><rect x="257.7" y="261" width="2.5" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="260.66" y="271.5" ></text>
</g>
<g >
<title>parserOnIncoming (69 μs, 0.27%)</title><rect x="272.0" y="261" width="3.1" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="274.99" y="271.5" ></text>
</g>
<g >
<title>invokePromiseCallback (46 μs, 0.18%)</title><rect x="286.7" y="229" width="2.1" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="289.69" y="239.5" ></text>
</g>
<g >
<title>K (77 μs, 0.30%)</title><rect x="941.8" y="245" width="3.5" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="944.79" y="255.5" ></text>
</g>
</g>
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment