Skip to content

Instantly share code, notes, and snippets.

@benfavre

benfavre/flamegraph-after-small.svg

Created March 18, 2026 18:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save benfavre/f7169420d8153c1219342b82ee817324 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save benfavre/f7169420d8153c1219342b82ee817324 to your computer and use it in GitHub Desktop.
Download ZIP
Next.js SSR flamegraphs: before (canary) vs after (30 perf PRs)
Display the source blob
Display the rendered blob
Raw
flamegraph-after-small.svg
<?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" >AFTER (30 PRs): /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>React (460 μs, 1.77%)</title><rect x="1140.0" y="197" width="20.9" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1142.98" y="207.5" ></text>
</g>
<g >
<title>e (12 μs, 0.05%)</title><rect x="1173.3" y="213" width="0.6" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="1176.34" y="223.5" ></text>
</g>
<g >
<title>cloneAsUint8Array (89 μs, 0.34%)</title><rect x="1185.9" y="229" width="4.1" height="15.0" fill="rgb(233,130,31)" rx="2" ry="2" />
<text x="1188.95" y="239.5" ></text>
</g>
<g >
<title>mod.require (45 μs, 0.17%)</title><rect x="707.2" y="181" width="2.1" height="15.0" fill="rgb(207,11,2)" rx="2" ry="2" />
<text x="710.20" y="191.5" ></text>
</g>
<g >
<title>WhatWG-Streams (71 μs, 0.27%)</title><rect x="291.9" y="245" width="3.2" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="294.90" y="255.5" ></text>
</g>
<g >
<title>setPromiseHandled (12 μs, 0.05%)</title><rect x="663.6" y="229" width="0.5" height="15.0" fill="rgb(226,98,23)" rx="2" ry="2" />
<text x="666.60" y="239.5" ></text>
</g>
<g >
<title>wrapModuleLoad (39 μs, 0.15%)</title><rect x="707.5" y="165" width="1.8" height="15.0" fill="rgb(211,29,6)" rx="2" ry="2" />
<text x="710.48" y="175.5" ></text>
</g>
<g >
<title>n (19 μs, 0.07%)</title><rect x="1171.8" y="229" width="0.9" height="15.0" fill="rgb(252,220,52)" rx="2" ry="2" />
<text x="1174.84" y="239.5" ></text>
</g>
<g >
<title>dequeueValue (24 μs, 0.09%)</title><rect x="758.9" y="245" width="1.1" height="15.0" fill="rgb(230,117,28)" rx="2" ry="2" />
<text x="761.91" y="255.5" ></text>
</g>
<g >
<title>S (15 μs, 0.06%)</title><rect x="1178.7" y="101" width="0.7" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="1181.71" y="111.5" ></text>
</g>
<g >
<title>RegExp: \W (11 μs, 0.04%)</title><rect x="584.0" y="245" width="0.5" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="586.96" y="255.5" ></text>
</g>
<g >
<title>validateEncoder (24 μs, 0.09%)</title><rect x="672.2" y="229" width="1.1" height="15.0" fill="rgb(226,99,23)" rx="2" ry="2" />
<text x="675.21" y="239.5" ></text>
</g>
<g >
<title>React (571 μs, 2.20%)</title><rect x="680.8" y="181" width="25.9" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="683.76" y="191.5" >R..</text>
</g>
<g >
<title>normalizeReq (13 μs, 0.05%)</title><rect x="278.9" y="229" width="0.6" height="15.0" fill="rgb(240,161,38)" rx="2" ry="2" />
<text x="281.89" y="239.5" ></text>
</g>
<g >
<title>res.setHeader (11 μs, 0.04%)</title><rect x="895.3" y="229" width="0.5" height="15.0" fill="rgb(210,27,6)" rx="2" ry="2" />
<text x="898.31" y="239.5" ></text>
</g>
<g >
<title>requirePage (28 μs, 0.11%)</title><rect x="903.0" y="165" width="1.2" height="15.0" fill="rgb(210,25,6)" rx="2" ry="2" />
<text x="905.95" y="175.5" ></text>
</g>
<g >
<title>write_ (59 μs, 0.23%)</title><rect x="659.8" y="181" width="2.7" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="662.83" y="191.5" ></text>
</g>
<g >
<title>writeGeneric (11 μs, 0.04%)</title><rect x="254.4" y="85" width="0.5" height="15.0" fill="rgb(249,206,49)" rx="2" ry="2" />
<text x="257.45" y="95.5" ></text>
</g>
<g >
<title>React (1,859 μs, 7.17%)</title><rect x="176.2" y="277" width="84.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="179.17" y="287.5" >React</text>
</g>
<g >
<title>a_ (478 μs, 1.84%)</title><rect x="839.8" y="261" width="21.8" height="15.0" fill="rgb(223,83,20)" rx="2" ry="2" />
<text x="842.83" y="271.5" >a_</text>
</g>
<g >
<title>invokePromiseCallback (487 μs, 1.88%)</title><rect x="640.3" y="229" width="22.2" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="643.35" y="239.5" >i..</text>
</g>
<g >
<title>R (22 μs, 0.08%)</title><rect x="1178.7" y="117" width="1.0" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="1181.71" y="127.5" ></text>
</g>
<g >
<title>clearBuffer (318 μs, 1.23%)</title><rect x="783.3" y="181" width="14.5" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="786.35" y="191.5" ></text>
</g>
<g >
<title>invokePromiseCallback (292 μs, 1.13%)</title><rect x="242.4" y="245" width="13.3" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="245.39" y="255.5" ></text>
</g>
<g >
<title>URL (42 μs, 0.16%)</title><rect x="1130.9" y="229" width="1.9" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="1133.88" y="239.5" ></text>
</g>
<g >
<title>promiseRejectHandler (24 μs, 0.09%)</title><rect x="799.5" y="245" width="1.1" height="15.0" fill="rgb(215,49,11)" rx="2" ry="2" />
<text x="802.50" y="255.5" ></text>
</g>
<g >
<title>pipeImpl (36 μs, 0.14%)</title><rect x="357.0" y="165" width="1.6" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="359.99" y="175.5" ></text>
</g>
<g >
<title>a9 (11 μs, 0.04%)</title><rect x="833.5" y="261" width="0.5" height="15.0" fill="rgb(218,63,15)" rx="2" ry="2" />
<text x="836.46" y="271.5" ></text>
</g>
<g >
<title>P (25 μs, 0.10%)</title><rect x="580.9" y="213" width="1.1" height="15.0" fill="rgb(246,192,45)" rx="2" ry="2" />
<text x="583.91" y="223.5" ></text>
</g>
<g >
<title>parserOnHeadersComplete (102 μs, 0.39%)</title><rect x="275.6" y="277" width="4.7" height="15.0" fill="rgb(222,82,19)" rx="2" ry="2" />
<text x="278.61" y="287.5" ></text>
</g>
<g >
<title>runAbort (41 μs, 0.16%)</title><rect x="1155.1" y="149" width="1.9" height="15.0" fill="rgb(254,229,54)" rx="2" ry="2" />
<text x="1158.14" y="159.5" ></text>
</g>
<g >
<title>trace (51 μs, 0.20%)</title><rect x="901.9" y="213" width="2.3" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="904.91" y="223.5" ></text>
</g>
<g >
<title>L (11 μs, 0.04%)</title><rect x="236.8" y="261" width="0.5" height="15.0" fill="rgb(222,80,19)" rx="2" ry="2" />
<text x="239.83" y="271.5" ></text>
</g>
<g >
<title>Event (23 μs, 0.09%)</title><rect x="1155.7" y="133" width="1.1" height="15.0" fill="rgb(243,175,41)" rx="2" ry="2" />
<text x="1158.73" y="143.5" ></text>
</g>
<g >
<title>require (15 μs, 0.06%)</title><rect x="903.3" y="85" width="0.7" height="15.0" fill="rgb(221,76,18)" rx="2" ry="2" />
<text x="906.27" y="95.5" ></text>
</g>
<g >
<title>trace (47 μs, 0.18%)</title><rect x="351.2" y="229" width="2.1" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="354.21" y="239.5" ></text>
</g>
<g >
<title>encode (33 μs, 0.13%)</title><rect x="720.7" y="213" width="1.5" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="723.72" y="223.5" ></text>
</g>
<g >
<title>setStreamTimeout (12 μs, 0.05%)</title><rect x="263.0" y="181" width="0.5" height="15.0" fill="rgb(214,41,9)" rx="2" ry="2" />
<text x="265.96" y="191.5" ></text>
</g>
<g >
<title>indexOfBuffer (11 μs, 0.04%)</title><rect x="253.9" y="85" width="0.5" height="15.0" fill="rgb(242,174,41)" rx="2" ry="2" />
<text x="256.95" y="95.5" ></text>
</g>
<g >
<title>WhatWG-Streams (150 μs, 0.58%)</title><rect x="247.1" y="117" width="6.8" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="250.12" y="127.5" ></text>
</g>
<g >
<title>handleWriteReq (251 μs, 0.97%)</title><rect x="648.4" y="53" width="11.4" height="15.0" fill="rgb(217,58,14)" rx="2" ry="2" />
<text x="651.40" y="63.5" ></text>
</g>
<g >
<title>K (150 μs, 0.58%)</title><rect x="889.0" y="245" width="6.8" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="891.98" y="255.5" ></text>
</g>
<g >
<title>emit (42 μs, 0.16%)</title><rect x="261.6" y="213" width="1.9" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="264.59" y="223.5" ></text>
</g>
<g >
<title>writev (205 μs, 0.79%)</title><rect x="265.0" y="165" width="9.3" height="15.0" fill="rgb(216,50,12)" rx="2" ry="2" />
<text x="268.01" y="175.5" ></text>
</g>
<g >
<title>_writeRaw (269 μs, 1.04%)</title><rect x="647.6" y="165" width="12.2" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="650.58" y="175.5" ></text>
</g>
<g >
<title>_storeHeader (28 μs, 0.11%)</title><rect x="646.3" y="149" width="1.3" height="15.0" fill="rgb(222,81,19)" rx="2" ry="2" />
<text x="649.31" y="159.5" ></text>
</g>
<g >
<title>render (75 μs, 0.29%)</title><rect x="355.2" y="245" width="3.4" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="358.21" y="255.5" ></text>
</g>
<g >
<title>RegExp: [&amp;&gt;&lt;\u2028\u2029] (15 μs, 0.06%)</title><rect x="582.0" y="245" width="0.7" height="15.0" fill="rgb(225,95,22)" rx="2" ry="2" />
<text x="585.05" y="255.5" ></text>
</g>
<g >
<title>renderToResponseWithComponentsImpl (149 μs, 0.57%)</title><rect x="904.2" y="261" width="6.8" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="907.23" y="271.5" ></text>
</g>
<g >
<title>(garbage collector) (1,210 μs, 4.67%)</title><rect x="12.8" y="277" width="55.0" height="15.0" fill="rgb(230,119,28)" rx="2" ry="2" />
<text x="15.78" y="287.5" >(garb..</text>
</g>
<g >
<title>normalizeAppPath (21 μs, 0.08%)</title><rect x="901.0" y="213" width="0.9" height="15.0" fill="rgb(220,72,17)" rx="2" ry="2" />
<text x="903.95" y="223.5" ></text>
</g>
<g >
<title>addEventListener (14 μs, 0.05%)</title><rect x="894.4" y="181" width="0.6" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="897.40" y="191.5" ></text>
</g>
<g >
<title>React (15 μs, 0.06%)</title><rect x="259.0" y="245" width="0.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="262.04" y="255.5" ></text>
</g>
<g >
<title>K (217 μs, 0.84%)</title><rect x="344.6" y="261" width="9.8" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="347.56" y="271.5" ></text>
</g>
<g >
<title>runInAsyncScope (340 μs, 1.31%)</title><rect x="281.0" y="277" width="15.5" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="284.03" y="287.5" ></text>
</g>
<g >
<title>Writable.write (23 μs, 0.09%)</title><rect x="660.5" y="133" width="1.1" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="663.51" y="143.5" ></text>
</g>
<g >
<title>write (59 μs, 0.23%)</title><rect x="659.8" y="197" width="2.7" height="15.0" fill="rgb(228,107,25)" rx="2" ry="2" />
<text x="662.83" y="207.5" ></text>
</g>
<g >
<title>S (124 μs, 0.48%)</title><rect x="824.0" y="229" width="5.7" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="827.03" y="239.5" ></text>
</g>
<g >
<title>M (25 μs, 0.10%)</title><rect x="580.9" y="245" width="1.1" height="15.0" fill="rgb(216,51,12)" rx="2" ry="2" />
<text x="583.91" y="255.5" ></text>
</g>
<g >
<title>setPromiseHandled (70 μs, 0.27%)</title><rect x="801.1" y="245" width="3.1" height="15.0" fill="rgb(226,98,23)" rx="2" ry="2" />
<text x="804.05" y="255.5" ></text>
</g>
<g >
<title>parse (59 μs, 0.23%)</title><rect x="879.1" y="197" width="2.7" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="882.10" y="207.5" ></text>
</g>
<g >
<title>parserOnIncoming (82 μs, 0.32%)</title><rect x="276.5" y="261" width="3.8" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="279.52" y="271.5" ></text>
</g>
<g >
<title>now (13 μs, 0.05%)</title><rect x="705.9" y="165" width="0.6" height="15.0" fill="rgb(217,56,13)" rx="2" ry="2" />
<text x="708.93" y="175.5" ></text>
</g>
<g >
<title>React (240 μs, 0.93%)</title><rect x="711.6" y="229" width="10.9" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="714.62" y="239.5" ></text>
</g>
<g >
<title>o (28 μs, 0.11%)</title><rect x="352.1" y="213" width="1.2" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="355.07" y="223.5" ></text>
</g>
<g >
<title>_write (23 μs, 0.09%)</title><rect x="660.5" y="117" width="1.1" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="663.51" y="127.5" ></text>
</g>
<g >
<title>encode (94 μs, 0.36%)</title><rect x="669.0" y="245" width="4.3" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="672.02" y="255.5" ></text>
</g>
<g >
<title>assignSocket (17 μs, 0.07%)</title><rect x="277.3" y="245" width="0.8" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="280.34" y="255.5" ></text>
</g>
<g >
<title>flushHeaders (305 μs, 1.18%)</title><rect x="645.9" y="197" width="13.9" height="15.0" fill="rgb(214,43,10)" rx="2" ry="2" />
<text x="648.94" y="207.5" ></text>
</g>
<g >
<title>require (45 μs, 0.17%)</title><rect x="707.2" y="197" width="2.1" height="15.0" fill="rgb(221,76,18)" rx="2" ry="2" />
<text x="710.20" y="207.5" ></text>
</g>
<g >
<title>indexOf (11 μs, 0.04%)</title><rect x="253.9" y="117" width="0.5" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="256.95" y="127.5" ></text>
</g>
<g >
<title>bidirectionalIndexOf (16 μs, 0.06%)</title><rect x="254.9" y="197" width="0.8" height="15.0" fill="rgb(244,183,43)" rx="2" ry="2" />
<text x="257.95" y="207.5" ></text>
</g>
<g >
<title>Viewport (16 μs, 0.06%)</title><rect x="1132.8" y="229" width="0.7" height="15.0" fill="rgb(232,125,29)" rx="2" ry="2" />
<text x="1135.79" y="239.5" ></text>
</g>
<g >
<title>clearBuffer (238 μs, 0.92%)</title><rect x="263.5" y="245" width="10.8" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="266.50" y="255.5" ></text>
</g>
<g >
<title>encodeInto (47 μs, 0.18%)</title><rect x="781.0" y="213" width="2.1" height="15.0" fill="rgb(246,192,46)" rx="2" ry="2" />
<text x="783.98" y="223.5" ></text>
</g>
<g >
<title>_writeRaw (28 μs, 0.11%)</title><rect x="660.5" y="149" width="1.3" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="663.51" y="159.5" ></text>
</g>
<g >
<title>parseUrl (105 μs, 0.40%)</title><rect x="877.3" y="245" width="4.8" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="880.28" y="255.5" ></text>
</g>
<g >
<title>WhatWG-Streams (25 μs, 0.10%)</title><rect x="295.4" y="261" width="1.1" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="298.36" y="271.5" ></text>
</g>
<g >
<title>V (94 μs, 0.36%)</title><rect x="856.0" y="213" width="4.3" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="859.03" y="223.5" ></text>
</g>
<g >
<title>encode (43 μs, 0.17%)</title><rect x="1157.0" y="181" width="2.0" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="1160.00" y="191.5" ></text>
</g>
<g >
<title>decode (96 μs, 0.37%)</title><rect x="664.7" y="245" width="4.3" height="15.0" fill="rgb(210,23,5)" rx="2" ry="2" />
<text x="667.65" y="255.5" ></text>
</g>
<g >
<title>validate (55 μs, 0.21%)</title><rect x="885.6" y="149" width="2.5" height="15.0" fill="rgb(224,88,21)" rx="2" ry="2" />
<text x="888.57" y="159.5" ></text>
</g>
<g >
<title>Writable.uncork (238 μs, 0.92%)</title><rect x="263.5" y="261" width="10.8" height="15.0" fill="rgb(229,114,27)" rx="2" ry="2" />
<text x="266.50" y="271.5" ></text>
</g>
<g >
<title>findPageComponentsImpl (44 μs, 0.17%)</title><rect x="902.2" y="197" width="2.0" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="905.23" y="207.5" ></text>
</g>
<g >
<title>a9 (74 μs, 0.29%)</title><rect x="1176.3" y="165" width="3.4" height="15.0" fill="rgb(218,63,15)" rx="2" ry="2" />
<text x="1179.35" y="175.5" ></text>
</g>
<g >
<title>abortSignal (51 μs, 0.20%)</title><rect x="1154.7" y="165" width="2.3" height="15.0" fill="rgb(236,144,34)" rx="2" ry="2" />
<text x="1157.68" y="175.5" ></text>
</g>
<g >
<title>encode (17 μs, 0.07%)</title><rect x="638.9" y="213" width="0.8" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="641.89" y="223.5" ></text>
</g>
<g >
<title>invokePromiseCallback (161 μs, 0.62%)</title><rect x="247.1" y="149" width="7.3" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="250.12" y="159.5" ></text>
</g>
<g >
<title>match (55 μs, 0.21%)</title><rect x="885.6" y="133" width="2.5" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="888.57" y="143.5" ></text>
</g>
<g >
<title>Socket._writev (226 μs, 0.87%)</title><rect x="264.1" y="213" width="10.2" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="267.05" y="223.5" ></text>
</g>
<g >
<title>WhatWG-Streams (609 μs, 2.35%)</title><rect x="1133.5" y="229" width="27.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1136.52" y="239.5" >W..</text>
</g>
<g >
<title>React (141 μs, 0.54%)</title><rect x="1175.0" y="213" width="6.4" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1178.03" y="223.5" ></text>
</g>
<g >
<title>now (24 μs, 0.09%)</title><rect x="676.3" y="245" width="1.1" height="15.0" fill="rgb(217,56,13)" rx="2" ry="2" />
<text x="679.35" y="255.5" ></text>
</g>
<g >
<title>N (25 μs, 0.10%)</title><rect x="580.9" y="229" width="1.1" height="15.0" fill="rgb(209,21,5)" rx="2" ry="2" />
<text x="583.91" y="239.5" ></text>
</g>
<g >
<title>Writable.write (11 μs, 0.04%)</title><rect x="254.4" y="165" width="0.5" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="257.45" y="175.5" ></text>
</g>
<g >
<title>byteLength (18 μs, 0.07%)</title><rect x="1161.8" y="229" width="0.8" height="15.0" fill="rgb(206,6,1)" rx="2" ry="2" />
<text x="1164.78" y="239.5" ></text>
</g>
<g >
<title>React (292 μs, 1.13%)</title><rect x="242.4" y="229" width="13.3" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="245.39" y="239.5" ></text>
</g>
<g >
<title>a1 (618 μs, 2.38%)</title><rect x="804.2" y="261" width="28.2" height="15.0" fill="rgb(220,70,16)" rx="2" ry="2" />
<text x="807.24" y="271.5" >a1</text>
</g>
<g >
<title>runImpl (95 μs, 0.37%)</title><rect x="883.7" y="213" width="4.4" height="15.0" fill="rgb(213,40,9)" rx="2" ry="2" />
<text x="886.75" y="223.5" ></text>
</g>
<g >
<title>require (28 μs, 0.11%)</title><rect x="903.0" y="149" width="1.2" height="15.0" fill="rgb(221,76,18)" rx="2" ry="2" />
<text x="905.95" y="159.5" ></text>
</g>
<g >
<title>NextNodeServer.handleCatchallRenderRequest (95 μs, 0.37%)</title><rect x="883.7" y="197" width="4.4" height="15.0" fill="rgb(252,218,52)" rx="2" ry="2" />
<text x="886.75" y="207.5" ></text>
</g>
<g >
<title>emit (30 μs, 0.12%)</title><rect x="278.1" y="245" width="1.4" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="281.11" y="255.5" ></text>
</g>
<g >
<title>I (18 μs, 0.07%)</title><rect x="232.8" y="261" width="0.8" height="15.0" fill="rgb(241,170,40)" rx="2" ry="2" />
<text x="235.83" y="271.5" ></text>
</g>
<g >
<title>handleRequest (59 μs, 0.23%)</title><rect x="868.2" y="261" width="2.7" height="15.0" fill="rgb(245,187,44)" rx="2" ry="2" />
<text x="871.23" y="271.5" ></text>
</g>
<g >
<title>a1 (21 μs, 0.08%)</title><rect x="1180.5" y="133" width="0.9" height="15.0" fill="rgb(220,70,16)" rx="2" ry="2" />
<text x="1183.49" y="143.5" ></text>
</g>
<g >
<title>renderToResponseWithComponents (79 μs, 0.30%)</title><rect x="895.8" y="245" width="3.6" height="15.0" fill="rgb(226,97,23)" rx="2" ry="2" />
<text x="898.81" y="255.5" ></text>
</g>
<g >
<title>encodeUtf8String (20 μs, 0.08%)</title><rect x="671.3" y="229" width="0.9" height="15.0" fill="rgb(250,207,49)" rx="2" ry="2" />
<text x="674.30" y="239.5" ></text>
</g>
<g >
<title>a7 (11 μs, 0.04%)</title><rect x="833.5" y="245" width="0.5" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="836.46" y="255.5" ></text>
</g>
<g >
<title>writeOrBuffer (11 μs, 0.04%)</title><rect x="254.4" y="133" width="0.5" height="15.0" fill="rgb(242,173,41)" rx="2" ry="2" />
<text x="257.45" y="143.5" ></text>
</g>
<g >
<title>Socket._write (264 μs, 1.02%)</title><rect x="647.8" y="101" width="12.0" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="650.81" y="111.5" ></text>
</g>
<g >
<title>attachRequestMeta (13 μs, 0.05%)</title><rect x="874.2" y="245" width="0.6" height="15.0" fill="rgb(211,31,7)" rx="2" ry="2" />
<text x="877.23" y="255.5" ></text>
</g>
<g >
<title>a7 (24 μs, 0.09%)</title><rect x="832.4" y="261" width="1.1" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="835.36" y="271.5" ></text>
</g>
<g >
<title>_send (28 μs, 0.11%)</title><rect x="660.5" y="165" width="1.3" height="15.0" fill="rgb(247,197,47)" rx="2" ry="2" />
<text x="663.51" y="175.5" ></text>
</g>
<g >
<title>trace (23 μs, 0.09%)</title><rect x="258.7" y="261" width="1.0" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="261.68" y="271.5" ></text>
</g>
<g >
<title>n (694 μs, 2.68%)</title><rect x="677.7" y="229" width="31.6" height="15.0" fill="rgb(252,220,52)" rx="2" ry="2" />
<text x="680.67" y="239.5" >n</text>
</g>
<g >
<title>S (109 μs, 0.42%)</title><rect x="584.9" y="245" width="4.9" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="587.87" y="255.5" ></text>
</g>
<g >
<title>patchedNextTick (16 μs, 0.06%)</title><rect x="661.8" y="165" width="0.7" height="15.0" fill="rgb(221,77,18)" rx="2" ry="2" />
<text x="664.78" y="175.5" ></text>
</g>
<g >
<title>URL (51 μs, 0.20%)</title><rect x="589.8" y="245" width="2.3" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="592.83" y="255.5" ></text>
</g>
<g >
<title>React (101 μs, 0.39%)</title><rect x="249.3" y="85" width="4.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="252.35" y="95.5" ></text>
</g>
<g >
<title>relative (52 μs, 0.20%)</title><rect x="907.3" y="213" width="2.4" height="15.0" fill="rgb(208,13,3)" rx="2" ry="2" />
<text x="910.32" y="223.5" ></text>
</g>
<g >
<title>handleRequestImpl (377 μs, 1.45%)</title><rect x="870.9" y="261" width="17.2" height="15.0" fill="rgb(248,202,48)" rx="2" ry="2" />
<text x="873.91" y="271.5" ></text>
</g>
<g >
<title>o (22 μs, 0.08%)</title><rect x="1165.9" y="197" width="1.0" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1168.92" y="207.5" ></text>
</g>
<g >
<title>d (95 μs, 0.37%)</title><rect x="1162.6" y="229" width="4.3" height="15.0" fill="rgb(217,57,13)" rx="2" ry="2" />
<text x="1165.60" y="239.5" ></text>
</g>
<g >
<title>React (59 μs, 0.23%)</title><rect x="1163.2" y="197" width="2.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1166.24" y="207.5" ></text>
</g>
<g >
<title>isPromisePending (29 μs, 0.11%)</title><rect x="798.2" y="245" width="1.3" height="15.0" fill="rgb(214,42,10)" rx="2" ry="2" />
<text x="801.18" y="255.5" ></text>
</g>
<g >
<title>patchSetHeaderWithCookieSupport (16 μs, 0.06%)</title><rect x="882.1" y="245" width="0.7" height="15.0" fill="rgb(243,177,42)" rx="2" ry="2" />
<text x="885.06" y="255.5" ></text>
</g>
<g >
<title>writeUtf8String (251 μs, 0.97%)</title><rect x="648.4" y="37" width="11.4" height="15.0" fill="rgb(233,128,30)" rx="2" ry="2" />
<text x="651.40" y="47.5" ></text>
</g>
<g >
<title>res.setHeader (12 μs, 0.05%)</title><rect x="898.9" y="165" width="0.5" height="15.0" fill="rgb(210,27,6)" rx="2" ry="2" />
<text x="901.86" y="175.5" ></text>
</g>
<g >
<title>withPropagatedContext (60 μs, 0.23%)</title><rect x="350.6" y="245" width="2.7" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="353.61" y="255.5" ></text>
</g>
<g >
<title>resOnFinish (32 μs, 0.12%)</title><rect x="262.0" y="197" width="1.5" height="15.0" fill="rgb(226,100,23)" rx="2" ry="2" />
<text x="265.05" y="207.5" ></text>
</g>
<g >
<title>trace (292 μs, 1.13%)</title><rect x="709.3" y="245" width="13.2" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="712.25" y="255.5" ></text>
</g>
<g >
<title>d (26 μs, 0.10%)</title><rect x="865.3" y="261" width="1.2" height="15.0" fill="rgb(217,57,13)" rx="2" ry="2" />
<text x="868.27" y="271.5" ></text>
</g>
<g >
<title>indexOf (16 μs, 0.06%)</title><rect x="254.9" y="213" width="0.8" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="257.95" y="223.5" ></text>
</g>
<g >
<title>a8 (11 μs, 0.04%)</title><rect x="862.3" y="245" width="0.5" height="15.0" fill="rgb(225,92,22)" rx="2" ry="2" />
<text x="865.27" y="255.5" ></text>
</g>
<g >
<title>writeHead (36 μs, 0.14%)</title><rect x="645.9" y="165" width="1.7" height="15.0" fill="rgb(238,152,36)" rx="2" ry="2" />
<text x="648.94" y="175.5" ></text>
</g>
<g >
<title>WhatWG-Streams (203 μs, 0.78%)</title><rect x="245.2" y="165" width="9.2" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="248.21" y="175.5" ></text>
</g>
<g >
<title>Socket._writev (307 μs, 1.18%)</title><rect x="783.8" y="149" width="14.0" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="786.85" y="159.5" ></text>
</g>
<g >
<title>e (28 μs, 0.11%)</title><rect x="257.4" y="245" width="1.3" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="260.41" y="255.5" ></text>
</g>
<g >
<title>React (831 μs, 3.21%)</title><rect x="760.4" y="229" width="37.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="763.36" y="239.5" >React</text>
</g>
<g >
<title>renderPageComponent (90 μs, 0.35%)</title><rect x="900.1" y="245" width="4.1" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="903.13" y="255.5" ></text>
</g>
<g >
<title>pipe.req.req (36 μs, 0.14%)</title><rect x="357.0" y="149" width="1.6" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="359.99" y="159.5" ></text>
</g>
<g >
<title>isNodeNextRequest (13 μs, 0.05%)</title><rect x="875.1" y="245" width="0.5" height="15.0" fill="rgb(229,112,27)" rx="2" ry="2" />
<text x="878.05" y="255.5" ></text>
</g>
<g >
<title>React (133 μs, 0.51%)</title><rect x="889.3" y="229" width="6.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="892.25" y="239.5" ></text>
</g>
<g >
<title>loadComponentsImpl (28 μs, 0.11%)</title><rect x="903.0" y="181" width="1.2" height="15.0" fill="rgb(218,64,15)" rx="2" ry="2" />
<text x="905.95" y="191.5" ></text>
</g>
<g >
<title>WhatWG-Streams (103 μs, 0.40%)</title><rect x="890.6" y="213" width="4.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="893.62" y="223.5" ></text>
</g>
<g >
<title>(program) (108 μs, 0.42%)</title><rect x="171.3" y="277" width="4.9" height="15.0" fill="rgb(230,118,28)" rx="2" ry="2" />
<text x="174.25" y="287.5" ></text>
</g>
<g >
<title>bs (38 μs, 0.15%)</title><rect x="1179.7" y="181" width="1.7" height="15.0" fill="rgb(237,149,35)" rx="2" ry="2" />
<text x="1182.71" y="191.5" ></text>
</g>
<g >
<title>K (86 μs, 0.33%)</title><rect x="905.8" y="245" width="3.9" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="908.78" y="255.5" ></text>
</g>
<g >
<title>setHeader (11 μs, 0.04%)</title><rect x="895.3" y="213" width="0.5" height="15.0" fill="rgb(239,160,38)" rx="2" ry="2" />
<text x="898.31" y="223.5" ></text>
</g>
<g >
<title>encodeUtf8String (15 μs, 0.06%)</title><rect x="253.3" y="53" width="0.6" height="15.0" fill="rgb(250,207,49)" rx="2" ry="2" />
<text x="256.26" y="63.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (226 μs, 0.87%)</title><rect x="264.1" y="197" width="10.2" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="267.05" y="207.5" ></text>
</g>
<g >
<title>parse (11 μs, 0.04%)</title><rect x="898.4" y="149" width="0.5" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="901.36" y="159.5" ></text>
</g>
<g >
<title>React (74 μs, 0.29%)</title><rect x="1176.3" y="149" width="3.4" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1179.35" y="159.5" ></text>
</g>
<g >
<title>trace (49 μs, 0.19%)</title><rect x="356.4" y="181" width="2.2" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="359.39" y="191.5" ></text>
</g>
<g >
<title>K (12 μs, 0.05%)</title><rect x="1129.7" y="229" width="0.5" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="1132.65" y="239.5" ></text>
</g>
<g >
<title>_Headers (12 μs, 0.05%)</title><rect x="1161.2" y="229" width="0.6" height="15.0" fill="rgb(227,105,25)" rx="2" ry="2" />
<text x="1164.24" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (142 μs, 0.55%)</title><rect x="774.5" y="213" width="6.5" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="777.52" y="223.5" ></text>
</g>
<g >
<title>invokePromiseCallback (57 μs, 0.22%)</title><rect x="292.5" y="229" width="2.6" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="295.54" y="239.5" ></text>
</g>
<g >
<title>React (16 μs, 0.06%)</title><rect x="236.1" y="245" width="0.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="239.11" y="255.5" ></text>
</g>
<g >
<title>React (78 μs, 0.30%)</title><rect x="906.1" y="229" width="3.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="909.14" y="239.5" ></text>
</g>
<g >
<title>a_ (49 μs, 0.19%)</title><rect x="1177.5" y="133" width="2.2" height="15.0" fill="rgb(223,83,20)" rx="2" ry="2" />
<text x="1180.48" y="143.5" ></text>
</g>
<g >
<title>parseUrl (11 μs, 0.04%)</title><rect x="898.4" y="197" width="0.5" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="901.36" y="207.5" ></text>
</g>
<g >
<title>_implicitHeader (36 μs, 0.14%)</title><rect x="645.9" y="181" width="1.7" height="15.0" fill="rgb(221,77,18)" rx="2" ry="2" />
<text x="648.94" y="191.5" ></text>
</g>
<g >
<title>o (18 μs, 0.07%)</title><rect x="1173.1" y="229" width="0.8" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1176.07" y="239.5" ></text>
</g>
<g >
<title>bo (38 μs, 0.15%)</title><rect x="1179.7" y="197" width="1.7" height="15.0" fill="rgb(213,38,9)" rx="2" ry="2" />
<text x="1182.71" y="207.5" ></text>
</g>
<g >
<title>React (210 μs, 0.81%)</title><rect x="244.9" y="181" width="9.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="247.89" y="191.5" ></text>
</g>
<g >
<title>encodeInto (43 μs, 0.17%)</title><rect x="1159.0" y="181" width="1.9" height="15.0" fill="rgb(246,192,46)" rx="2" ry="2" />
<text x="1161.96" y="191.5" ></text>
</g>
<g >
<title>React (38 μs, 0.15%)</title><rect x="1179.7" y="149" width="1.7" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="1182.71" y="159.5" ></text>
</g>
<g >
<title>URL (11 μs, 0.04%)</title><rect x="898.4" y="165" width="0.5" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="901.36" y="175.5" ></text>
</g>
<g >
<title>callback (47 μs, 0.18%)</title><rect x="261.4" y="245" width="2.1" height="15.0" fill="rgb(211,30,7)" rx="2" ry="2" />
<text x="264.36" y="255.5" ></text>
</g>
<g >
<title>processPromiseRejections (11 μs, 0.04%)</title><rect x="280.5" y="277" width="0.5" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="283.53" y="287.5" ></text>
</g>
<g >
<title>parse (24 μs, 0.09%)</title><rect x="701.0" y="149" width="1.1" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="704.01" y="159.5" ></text>
</g>
<g >
<title>pipe (49 μs, 0.19%)</title><rect x="356.4" y="197" width="2.2" height="15.0" fill="rgb(235,141,33)" rx="2" ry="2" />
<text x="359.39" y="207.5" ></text>
</g>
<g >
<title>J (14 μs, 0.05%)</title><rect x="1129.0" y="229" width="0.7" height="15.0" fill="rgb(235,140,33)" rx="2" ry="2" />
<text x="1132.01" y="239.5" ></text>
</g>
<g >
<title>React (22 μs, 0.08%)</title><rect x="352.3" y="197" width="1.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="355.34" y="207.5" ></text>
</g>
<g >
<title>m (680 μs, 2.62%)</title><rect x="678.3" y="213" width="31.0" height="15.0" fill="rgb(209,20,4)" rx="2" ry="2" />
<text x="681.30" y="223.5" >m</text>
</g>
<g >
<title>flushHeaders (11 μs, 0.04%)</title><rect x="254.4" y="213" width="0.5" height="15.0" fill="rgb(214,43,10)" rx="2" ry="2" />
<text x="257.45" y="223.5" ></text>
</g>
<g >
<title>bk (74 μs, 0.29%)</title><rect x="1176.3" y="197" width="3.4" height="15.0" fill="rgb(239,157,37)" rx="2" ry="2" />
<text x="1179.35" y="207.5" ></text>
</g>
<g >
<title>parseRelativeUrl (11 μs, 0.04%)</title><rect x="898.4" y="181" width="0.5" height="15.0" fill="rgb(249,205,49)" rx="2" ry="2" />
<text x="901.36" y="191.5" ></text>
</g>
<g >
<title>y (24 μs, 0.09%)</title><rect x="353.3" y="245" width="1.1" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="356.35" y="255.5" ></text>
</g>
<g >
<title>parseRelativeUrl (90 μs, 0.35%)</title><rect x="878.0" y="229" width="4.1" height="15.0" fill="rgb(249,205,49)" rx="2" ry="2" />
<text x="880.97" y="239.5" ></text>
</g>
<g >
<title>invokePromiseCallback (831 μs, 3.21%)</title><rect x="760.4" y="245" width="37.8" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="763.36" y="255.5" >inv..</text>
</g>
<g >
<title>WhatWG-Streams (1,709 μs, 6.59%)</title><rect x="726.5" y="261" width="77.7" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="729.46" y="271.5" >WhatWG-S..</text>
</g>
<g >
<title>m (90 μs, 0.35%)</title><rect x="1162.8" y="213" width="4.1" height="15.0" fill="rgb(209,20,4)" rx="2" ry="2" />
<text x="1165.83" y="223.5" ></text>
</g>
<g >
<title>test (55 μs, 0.21%)</title><rect x="885.6" y="117" width="2.5" height="15.0" fill="rgb(219,66,15)" rx="2" ry="2" />
<text x="888.57" y="127.5" ></text>
</g>
<g >
<title>getIncrementalCache (39 μs, 0.15%)</title><rect x="866.5" y="261" width="1.7" height="15.0" fill="rgb(221,77,18)" rx="2" ry="2" />
<text x="869.45" y="271.5" ></text>
</g>
<g >
<title>trace (67 μs, 0.26%)</title><rect x="355.6" y="229" width="3.0" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="358.58" y="239.5" ></text>
</g>
<g >
<title>end (331 μs, 1.28%)</title><rect x="783.1" y="213" width="15.1" height="15.0" fill="rgb(254,227,54)" rx="2" ry="2" />
<text x="786.12" y="223.5" ></text>
</g>
<g >
<title>J (24 μs, 0.09%)</title><rect x="233.6" y="261" width="1.1" height="15.0" fill="rgb(235,140,33)" rx="2" ry="2" />
<text x="236.65" y="271.5" ></text>
</g>
<g >
<title>writevGeneric (226 μs, 0.87%)</title><rect x="264.1" y="181" width="10.2" height="15.0" fill="rgb(237,150,35)" rx="2" ry="2" />
<text x="267.05" y="191.5" ></text>
</g>
<g >
<title>React (479 μs, 1.85%)</title><rect x="640.7" y="213" width="21.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="643.71" y="223.5" >R..</text>
</g>
<g >
<title>K (46 μs, 0.18%)</title><rect x="234.7" y="261" width="2.1" height="15.0" fill="rgb(229,110,26)" rx="2" ry="2" />
<text x="237.74" y="271.5" ></text>
</g>
<g >
<title>render (28 μs, 0.11%)</title><rect x="1181.4" y="229" width="1.3" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="1184.44" y="239.5" ></text>
</g>
<g >
<title>handleWriteReq (11 μs, 0.04%)</title><rect x="254.4" y="69" width="0.5" height="15.0" fill="rgb(217,58,14)" rx="2" ry="2" />
<text x="257.45" y="79.5" ></text>
</g>
<g >
<title>i (584 μs, 2.25%)</title><rect x="680.4" y="197" width="26.6" height="15.0" fill="rgb(235,139,33)" rx="2" ry="2" />
<text x="683.40" y="207.5" >i</text>
</g>
<g >
<title>V (104 μs, 0.40%)</title><rect x="824.9" y="213" width="4.8" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="827.95" y="223.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (264 μs, 1.02%)</title><rect x="647.8" y="85" width="12.0" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="650.81" y="95.5" ></text>
</g>
<g >
<title>React (315 μs, 1.21%)</title><rect x="281.0" y="261" width="14.4" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="284.03" y="271.5" ></text>
</g>
<g >
<title>match (87 μs, 0.34%)</title><rect x="884.1" y="181" width="4.0" height="15.0" fill="rgb(222,78,18)" rx="2" ry="2" />
<text x="887.11" y="191.5" ></text>
</g>
<g >
<title>setVaryHeader (12 μs, 0.05%)</title><rect x="898.9" y="197" width="0.5" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="901.86" y="207.5" ></text>
</g>
<g >
<title>ba (11 μs, 0.04%)</title><rect x="862.3" y="261" width="0.5" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="865.27" y="271.5" ></text>
</g>
<g >
<title>get (42 μs, 0.16%)</title><rect x="1169.9" y="229" width="1.9" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="1172.93" y="239.5" ></text>
</g>
<g >
<title>aY (109 μs, 0.42%)</title><rect x="834.3" y="261" width="5.0" height="15.0" fill="rgb(212,32,7)" rx="2" ry="2" />
<text x="837.32" y="271.5" ></text>
</g>
<g >
<title>S (106 μs, 0.41%)</title><rect x="855.5" y="229" width="4.8" height="15.0" fill="rgb(227,102,24)" rx="2" ry="2" />
<text x="858.48" y="239.5" ></text>
</g>
<g >
<title>isNodeNextResponse (36 μs, 0.14%)</title><rect x="875.6" y="245" width="1.7" height="15.0" fill="rgb(220,71,17)" rx="2" ry="2" />
<text x="878.65" y="255.5" ></text>
</g>
<g >
<title>decodeUTF8 (54 μs, 0.21%)</title><rect x="666.1" y="229" width="2.4" height="15.0" fill="rgb(254,227,54)" rx="2" ry="2" />
<text x="669.06" y="239.5" ></text>
</g>
<g >
<title>ba (38 μs, 0.15%)</title><rect x="1179.7" y="165" width="1.7" height="15.0" fill="rgb(253,224,53)" rx="2" ry="2" />
<text x="1182.71" y="175.5" ></text>
</g>
<g >
<title>React (57 μs, 0.22%)</title><rect x="637.4" y="229" width="2.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="640.39" y="239.5" ></text>
</g>
<g >
<title>React (86 μs, 0.33%)</title><rect x="722.5" y="229" width="4.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="725.54" y="239.5" ></text>
</g>
<g >
<title>bidirectionalIndexOf (11 μs, 0.04%)</title><rect x="253.9" y="101" width="0.5" height="15.0" fill="rgb(244,183,43)" rx="2" ry="2" />
<text x="256.95" y="111.5" ></text>
</g>
<g >
<title>trace (26 μs, 0.10%)</title><rect x="869.7" y="229" width="1.2" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="872.73" y="239.5" ></text>
</g>
<g >
<title>run (116 μs, 0.45%)</title><rect x="882.8" y="245" width="5.3" height="15.0" fill="rgb(210,26,6)" rx="2" ry="2" />
<text x="885.79" y="255.5" ></text>
</g>
<g >
<title>V (15 μs, 0.06%)</title><rect x="1178.7" y="85" width="0.7" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="1181.71" y="95.5" ></text>
</g>
<g >
<title>withSpan (86 μs, 0.33%)</title><rect x="722.5" y="245" width="4.0" height="15.0" fill="rgb(248,200,47)" rx="2" ry="2" />
<text x="725.54" y="255.5" ></text>
</g>
<g >
<title>renderPageComponent (79 μs, 0.30%)</title><rect x="895.8" y="261" width="3.6" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="898.81" y="271.5" ></text>
</g>
<g >
<title>bind (84 μs, 0.32%)</title><rect x="702.1" y="165" width="3.8" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="705.11" y="175.5" ></text>
</g>
<g >
<title>webidl.converters.HeadersInit (12 μs, 0.05%)</title><rect x="1161.2" y="213" width="0.6" height="15.0" fill="rgb(211,31,7)" rx="2" ry="2" />
<text x="1164.24" y="223.5" ></text>
</g>
<g >
<title>wrappedFn (11 μs, 0.04%)</title><rect x="664.1" y="229" width="0.6" height="15.0" fill="rgb(223,85,20)" rx="2" ry="2" />
<text x="667.15" y="239.5" ></text>
</g>
<g >
<title>writev (273 μs, 1.05%)</title><rect x="785.4" y="101" width="12.4" height="15.0" fill="rgb(216,50,12)" rx="2" ry="2" />
<text x="788.39" y="111.5" ></text>
</g>
<g >
<title>getPromiseDetails (11 μs, 0.04%)</title><rect x="799.0" y="229" width="0.5" height="15.0" fill="rgb(211,31,7)" rx="2" ry="2" />
<text x="802.00" y="239.5" ></text>
</g>
<g >
<title>writevGeneric (307 μs, 1.18%)</title><rect x="783.8" y="117" width="14.0" height="15.0" fill="rgb(237,150,35)" rx="2" ry="2" />
<text x="786.85" y="127.5" ></text>
</g>
<g >
<title>writeUtf8String (11 μs, 0.04%)</title><rect x="254.4" y="53" width="0.5" height="15.0" fill="rgb(233,128,30)" rx="2" ry="2" />
<text x="257.45" y="63.5" ></text>
</g>
<g >
<title>aS (17 μs, 0.07%)</title><rect x="832.7" y="245" width="0.8" height="15.0" fill="rgb(250,210,50)" rx="2" ry="2" />
<text x="835.68" y="255.5" ></text>
</g>
<g >
<title>WhatWG-Streams (1,593 μs, 6.14%)</title><rect x="592.1" y="245" width="72.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="595.15" y="255.5" >WhatWG-S..</text>
</g>
<g >
<title>l (14 μs, 0.05%)</title><rect x="860.3" y="229" width="0.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="863.31" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (64 μs, 0.25%)</title><rect x="643.0" y="197" width="2.9" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="646.03" y="207.5" ></text>
</g>
<g >
<title>NextNodeServer.handleCatchallRenderRequest (92 μs, 0.35%)</title><rect x="354.4" y="261" width="4.2" height="15.0" fill="rgb(252,218,52)" rx="2" ry="2" />
<text x="357.44" y="271.5" ></text>
</g>
<g >
<title>runMicrotasks (19,632 μs, 75.72%)</title><rect x="296.5" y="277" width="893.5" height="15.0" fill="rgb(239,156,37)" rx="2" ry="2" />
<text x="299.50" y="287.5" >runMicrotasks</text>
</g>
<g >
<title>v (23 μs, 0.09%)</title><rect x="259.7" y="261" width="1.1" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="262.73" y="271.5" ></text>
</g>
<g >
<title>WhatWG-Streams (260 μs, 1.00%)</title><rect x="242.6" y="213" width="11.8" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="245.61" y="223.5" ></text>
</g>
<g >
<title>WhatWG-Streams (13 μs, 0.05%)</title><rect x="260.8" y="277" width="0.6" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="263.77" y="287.5" ></text>
</g>
<g >
<title>handledRejection (19 μs, 0.07%)</title><rect x="803.4" y="213" width="0.8" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="806.37" y="223.5" ></text>
</g>
<g >
<title>afterWriteTick (47 μs, 0.18%)</title><rect x="261.4" y="277" width="2.1" height="15.0" fill="rgb(209,21,5)" rx="2" ry="2" />
<text x="264.36" y="287.5" ></text>
</g>
<g >
<title>React (8,082 μs, 31.17%)</title><rect x="358.6" y="261" width="367.9" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="361.62" y="271.5" >React</text>
</g>
<g >
<title>afterWrite (47 μs, 0.18%)</title><rect x="261.4" y="261" width="2.1" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="264.36" y="271.5" ></text>
</g>
<g >
<title>React (57 μs, 0.22%)</title><rect x="292.5" y="213" width="2.6" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="295.54" y="223.5" ></text>
</g>
<g >
<title>resolve (31 μs, 0.12%)</title><rect x="908.3" y="197" width="1.4" height="15.0" fill="rgb(252,217,52)" rx="2" ry="2" />
<text x="911.28" y="207.5" ></text>
</g>
<g >
<title>_write (264 μs, 1.02%)</title><rect x="647.8" y="133" width="12.0" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="650.81" y="143.5" ></text>
</g>
<g >
<title>Socket._write (11 μs, 0.04%)</title><rect x="254.4" y="117" width="0.5" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="257.45" y="127.5" ></text>
</g>
<g >
<title>f (11 μs, 0.04%)</title><rect x="1169.4" y="229" width="0.5" height="15.0" fill="rgb(254,228,54)" rx="2" ry="2" />
<text x="1172.43" y="239.5" ></text>
</g>
<g >
<title>V (85 μs, 0.33%)</title><rect x="586.0" y="229" width="3.8" height="15.0" fill="rgb(207,13,3)" rx="2" ry="2" />
<text x="588.96" y="239.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (11 μs, 0.04%)</title><rect x="254.4" y="101" width="0.5" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="257.45" y="111.5" ></text>
</g>
<g >
<title>(idle) (2,272 μs, 8.76%)</title><rect x="67.8" y="277" width="103.5" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="70.85" y="287.5" >(idle)</text>
</g>
<g >
<title>_write (11 μs, 0.04%)</title><rect x="254.4" y="149" width="0.5" height="15.0" fill="rgb(214,44,10)" rx="2" ry="2" />
<text x="257.45" y="159.5" ></text>
</g>
<g >
<title>indexOfBuffer (16 μs, 0.06%)</title><rect x="254.9" y="181" width="0.8" height="15.0" fill="rgb(242,174,41)" rx="2" ry="2" />
<text x="257.95" y="191.5" ></text>
</g>
<g >
<title>l (23 μs, 0.09%)</title><rect x="829.7" y="229" width="1.0" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="832.68" y="239.5" ></text>
</g>
<g >
<title>wrapModuleLoad (15 μs, 0.06%)</title><rect x="903.3" y="53" width="0.7" height="15.0" fill="rgb(211,29,6)" rx="2" ry="2" />
<text x="906.27" y="63.5" ></text>
</g>
<g >
<title>doWrite (226 μs, 0.87%)</title><rect x="264.1" y="229" width="10.2" height="15.0" fill="rgb(221,78,18)" rx="2" ry="2" />
<text x="267.05" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (160 μs, 0.62%)</title><rect x="1182.7" y="245" width="7.3" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1185.72" y="255.5" ></text>
</g>
<g >
<title>renderToResponse (30 μs, 0.12%)</title><rect x="357.3" y="133" width="1.3" height="15.0" fill="rgb(248,197,47)" rx="2" ry="2" />
<text x="360.26" y="143.5" ></text>
</g>
<g >
<title>addAbortListener (30 μs, 0.12%)</title><rect x="893.7" y="197" width="1.3" height="15.0" fill="rgb(225,95,22)" rx="2" ry="2" />
<text x="896.67" y="207.5" ></text>
</g>
<g >
<title>br (33 μs, 0.13%)</title><rect x="862.8" y="261" width="1.5" height="15.0" fill="rgb(244,179,42)" rx="2" ry="2" />
<text x="865.77" y="271.5" ></text>
</g>
<g >
<title>responseGenerator (694 μs, 2.68%)</title><rect x="677.7" y="245" width="31.6" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="680.67" y="255.5" >re..</text>
</g>
<g >
<title>trace (24 μs, 0.09%)</title><rect x="357.5" y="117" width="1.1" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="360.53" y="127.5" ></text>
</g>
<g >
<title>rawMatcher (35 μs, 0.13%)</title><rect x="885.8" y="101" width="1.6" height="15.0" fill="rgb(208,14,3)" rx="2" ry="2" />
<text x="888.84" y="111.5" ></text>
</g>
<g >
<title>p (166 μs, 0.64%)</title><rect x="1173.9" y="229" width="7.5" height="15.0" fill="rgb(240,161,38)" rx="2" ry="2" />
<text x="1176.89" y="239.5" ></text>
</g>
<g >
<title>WhatWG-Streams (50 μs, 0.19%)</title><rect x="1152.4" y="181" width="2.3" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="1155.41" y="191.5" ></text>
</g>
<g >
<title>Writable.uncork (318 μs, 1.23%)</title><rect x="783.3" y="197" width="14.5" height="15.0" fill="rgb(229,114,27)" rx="2" ry="2" />
<text x="786.35" y="207.5" ></text>
</g>
<g >
<title>mod.require (28 μs, 0.11%)</title><rect x="903.0" y="133" width="1.2" height="15.0" fill="rgb(207,11,2)" rx="2" ry="2" />
<text x="905.95" y="143.5" ></text>
</g>
<g >
<title>R (120 μs, 0.46%)</title><rect x="855.5" y="245" width="5.4" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="858.48" y="255.5" ></text>
</g>
<g >
<title>encodeUtf8String (25 μs, 0.10%)</title><rect x="1157.8" y="165" width="1.2" height="15.0" fill="rgb(250,207,49)" rx="2" ry="2" />
<text x="1160.82" y="175.5" ></text>
</g>
<g >
<title>enqueueMicrotask (50 μs, 0.19%)</title><rect x="1167.2" y="229" width="2.2" height="15.0" fill="rgb(225,93,22)" rx="2" ry="2" />
<text x="1170.15" y="239.5" ></text>
</g>
<g >
<title>renderToResponseWithComponentsImpl (51 μs, 0.20%)</title><rect x="897.1" y="213" width="2.3" height="15.0" fill="rgb(229,111,26)" rx="2" ry="2" />
<text x="900.08" y="223.5" ></text>
</g>
<g >
<title>writeGeneric (264 μs, 1.02%)</title><rect x="647.8" y="69" width="12.0" height="15.0" fill="rgb(249,206,49)" rx="2" ry="2" />
<text x="650.81" y="79.5" ></text>
</g>
<g >
<title>WhatWG-Streams (403 μs, 1.55%)</title><rect x="237.3" y="261" width="18.4" height="15.0" fill="rgb(244,181,43)" rx="2" ry="2" />
<text x="240.33" y="271.5" ></text>
</g>
<g >
<title>renderToResponseImpl (106 μs, 0.41%)</title><rect x="899.4" y="261" width="4.8" height="15.0" fill="rgb(251,212,50)" rx="2" ry="2" />
<text x="902.40" y="271.5" ></text>
</g>
<g >
<title>appendHeader (12 μs, 0.05%)</title><rect x="898.9" y="181" width="0.5" height="15.0" fill="rgb(251,215,51)" rx="2" ry="2" />
<text x="901.86" y="191.5" ></text>
</g>
<g >
<title>IncrementalCache (25 μs, 0.10%)</title><rect x="867.1" y="245" width="1.1" height="15.0" fill="rgb(238,156,37)" rx="2" ry="2" />
<text x="870.09" y="255.5" ></text>
</g>
<g >
<title>URL (33 μs, 0.13%)</title><rect x="700.6" y="165" width="1.5" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="703.61" y="175.5" ></text>
</g>
<g >
<title>all (25,927 μ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>promiseRejectHandler (19 μs, 0.07%)</title><rect x="803.4" y="229" width="0.8" height="15.0" fill="rgb(215,49,11)" rx="2" ry="2" />
<text x="806.37" y="239.5" ></text>
</g>
<g >
<title>matchAll (76 μs, 0.29%)</title><rect x="884.6" y="165" width="3.5" height="15.0" fill="rgb(206,8,2)" rx="2" ry="2" />
<text x="887.61" y="175.5" ></text>
</g>
<g >
<title>mod.require (15 μs, 0.06%)</title><rect x="903.3" y="69" width="0.7" height="15.0" fill="rgb(207,11,2)" rx="2" ry="2" />
<text x="906.27" y="79.5" ></text>
</g>
<g >
<title>runInAsyncScope (6,130 μs, 23.64%)</title><rect x="911.0" y="261" width="279.0" height="15.0" fill="rgb(215,47,11)" rx="2" ry="2" />
<text x="914.01" y="271.5" >runInAsyncScope</text>
</g>
<g >
<title>o (158 μs, 0.61%)</title><rect x="888.6" y="261" width="7.2" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="891.62" y="271.5" ></text>
</g>
<g >
<title>get (61 μs, 0.24%)</title><rect x="673.3" y="245" width="2.8" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="676.30" y="255.5" ></text>
</g>
<g >
<title>aY (14 μs, 0.05%)</title><rect x="860.9" y="245" width="0.7" height="15.0" fill="rgb(212,32,7)" rx="2" ry="2" />
<text x="863.95" y="255.5" ></text>
</g>
<g >
<title>markTransferMode (24 μs, 0.09%)</title><rect x="662.5" y="229" width="1.1" height="15.0" fill="rgb(235,139,33)" rx="2" ry="2" />
<text x="665.51" y="239.5" ></text>
</g>
<g >
<title>module.exports (22 μs, 0.08%)</title><rect x="903.0" y="101" width="1.0" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="905.95" y="111.5" ></text>
</g>
<g >
<title>RegExp: \.[^.]+$ (17 μs, 0.07%)</title><rect x="583.0" y="245" width="0.7" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="585.96" y="255.5" ></text>
</g>
<g >
<title>invokePromiseCallback (460 μs, 1.77%)</title><rect x="1140.0" y="213" width="20.9" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="1142.98" y="223.5" ></text>
</g>
<g >
<title>findPageComponents (77 μs, 0.30%)</title><rect x="900.7" y="229" width="3.5" height="15.0" fill="rgb(248,198,47)" rx="2" ry="2" />
<text x="903.72" y="239.5" ></text>
</g>
<g >
<title>_send (11 μs, 0.04%)</title><rect x="254.4" y="197" width="0.5" height="15.0" fill="rgb(247,197,47)" rx="2" ry="2" />
<text x="257.45" y="207.5" ></text>
</g>
<g >
<title>R (154 μs, 0.59%)</title><rect x="823.7" y="245" width="7.0" height="15.0" fill="rgb(233,132,31)" rx="2" ry="2" />
<text x="826.72" y="255.5" ></text>
</g>
<g >
<title>trace (74 μs, 0.29%)</title><rect x="896.0" y="229" width="3.4" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="899.04" y="239.5" ></text>
</g>
<g >
<title>stripParameterSeparators (14 μs, 0.05%)</title><rect x="887.4" y="101" width="0.7" height="15.0" fill="rgb(234,135,32)" rx="2" ry="2" />
<text x="890.43" y="111.5" ></text>
</g>
<g >
<title>connectionCorkNT (238 μs, 0.92%)</title><rect x="263.5" y="277" width="10.8" height="15.0" fill="rgb(214,43,10)" rx="2" ry="2" />
<text x="266.50" y="287.5" ></text>
</g>
<g >
<title>aZ (36 μs, 0.14%)</title><rect x="830.7" y="245" width="1.7" height="15.0" fill="rgb(205,2,0)" rx="2" ry="2" />
<text x="833.73" y="255.5" ></text>
</g>
<g >
<title>onFinish (42 μs, 0.16%)</title><rect x="261.6" y="229" width="1.9" height="15.0" fill="rgb(251,215,51)" rx="2" ry="2" />
<text x="264.59" y="239.5" ></text>
</g>
<g >
<title>_writeRaw (11 μs, 0.04%)</title><rect x="254.4" y="181" width="0.5" height="15.0" fill="rgb(239,159,38)" rx="2" ry="2" />
<text x="257.45" y="191.5" ></text>
</g>
<g >
<title>parse (51 μs, 0.20%)</title><rect x="589.8" y="229" width="2.3" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="592.83" y="239.5" ></text>
</g>
<g >
<title>ar (27 μs, 0.10%)</title><rect x="831.1" y="229" width="1.3" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="834.13" y="239.5" ></text>
</g>
<g >
<title>invokePromiseCallback (210 μs, 0.81%)</title><rect x="244.9" y="197" width="9.5" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="247.89" y="207.5" ></text>
</g>
<g >
<title>br (74 μs, 0.29%)</title><rect x="1176.3" y="181" width="3.4" height="15.0" fill="rgb(244,179,42)" rx="2" ry="2" />
<text x="1179.35" y="191.5" ></text>
</g>
<g >
<title>_send (269 μs, 1.04%)</title><rect x="647.6" y="181" width="12.2" height="15.0" fill="rgb(247,197,47)" rx="2" ry="2" />
<text x="650.58" y="191.5" ></text>
</g>
<g >
<title>encode (42 μs, 0.16%)</title><rect x="252.0" y="69" width="1.9" height="15.0" fill="rgb(245,186,44)" rx="2" ry="2" />
<text x="255.03" y="79.5" ></text>
</g>
<g >
<title>Socket._writeGeneric (307 μs, 1.18%)</title><rect x="783.8" y="133" width="14.0" height="15.0" fill="rgb(253,222,53)" rx="2" ry="2" />
<text x="786.85" y="143.5" ></text>
</g>
<g >
<title>Writable.write (264 μs, 1.02%)</title><rect x="647.8" y="149" width="12.0" height="15.0" fill="rgb(245,185,44)" rx="2" ry="2" />
<text x="650.81" y="159.5" ></text>
</g>
<g >
<title>doWrite (307 μs, 1.18%)</title><rect x="783.8" y="165" width="14.0" height="15.0" fill="rgb(221,78,18)" rx="2" ry="2" />
<text x="786.85" y="175.5" ></text>
</g>
<g >
<title>s (11 μs, 0.04%)</title><rect x="260.3" y="245" width="0.5" height="15.0" fill="rgb(220,72,17)" rx="2" ry="2" />
<text x="263.27" y="255.5" ></text>
</g>
<g >
<title>normalizeString (14 μs, 0.05%)</title><rect x="909.1" y="181" width="0.6" height="15.0" fill="rgb(226,96,23)" rx="2" ry="2" />
<text x="912.05" y="191.5" ></text>
</g>
<g >
<title>o (40 μs, 0.15%)</title><rect x="256.9" y="261" width="1.8" height="15.0" fill="rgb(246,190,45)" rx="2" ry="2" />
<text x="259.86" y="271.5" ></text>
</g>
<g >
<title>URL (67 μs, 0.26%)</title><rect x="878.7" y="213" width="3.1" height="15.0" fill="rgb(243,178,42)" rx="2" ry="2" />
<text x="881.74" y="223.5" ></text>
</g>
<g >
<title>React (5,951 μs, 22.95%)</title><rect x="911.9" y="245" width="270.8" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="914.87" y="255.5" >React</text>
</g>
<g >
<title>ar (14 μs, 0.05%)</title><rect x="860.9" y="229" width="0.7" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="863.95" y="239.5" ></text>
</g>
<g >
<title>parse (42 μs, 0.16%)</title><rect x="1130.9" y="213" width="1.9" height="15.0" fill="rgb(231,122,29)" rx="2" ry="2" />
<text x="1133.88" y="223.5" ></text>
</g>
<g >
<title>wrapModuleLoad (28 μs, 0.11%)</title><rect x="903.0" y="117" width="1.2" height="15.0" fill="rgb(211,29,6)" rx="2" ry="2" />
<text x="905.95" y="127.5" ></text>
</g>
<g >
<title>aX (84 μs, 0.32%)</title><rect x="835.5" y="245" width="3.8" height="15.0" fill="rgb(218,61,14)" rx="2" ry="2" />
<text x="838.46" y="255.5" ></text>
</g>
<g >
<title>e (13 μs, 0.05%)</title><rect x="256.0" y="261" width="0.6" height="15.0" fill="rgb(211,28,6)" rx="2" ry="2" />
<text x="258.99" y="271.5" ></text>
</g>
<g >
<title>ar (15 μs, 0.06%)</title><rect x="861.6" y="261" width="0.7" height="15.0" fill="rgb(250,209,50)" rx="2" ry="2" />
<text x="864.58" y="271.5" ></text>
</g>
<g >
<title>(root) (25,927 μ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>React (161 μs, 0.62%)</title><rect x="247.1" y="133" width="7.3" height="15.0" fill="rgb(215,50,11)" rx="2" ry="2" />
<text x="250.12" y="143.5" ></text>
</g>
<g >
<title>invokePromiseCallback (101 μs, 0.39%)</title><rect x="249.3" y="101" width="4.6" height="15.0" fill="rgb(208,16,3)" rx="2" ry="2" />
<text x="252.35" y="111.5" ></text>
</g>
<g >
<title>trace (110 μs, 0.42%)</title><rect x="883.1" y="229" width="5.0" height="15.0" fill="rgb(209,19,4)" rx="2" ry="2" />
<text x="886.06" y="239.5" ></text>
</g>
<g >
<title>bs (22 μs, 0.08%)</title><rect x="864.3" y="261" width="1.0" height="15.0" fill="rgb(237,149,35)" rx="2" ry="2" />
<text x="867.27" y="271.5" ></text>
</g>
<g >
<title>withPropagatedContext (59 μs, 0.23%)</title><rect x="868.2" y="245" width="2.7" height="15.0" fill="rgb(248,199,47)" rx="2" ry="2" />
<text x="871.23" y="255.5" ></text>
</g>
<g >
<title>abort (51 μs, 0.20%)</title><rect x="1154.7" y="181" width="2.3" height="15.0" fill="rgb(251,211,50)" rx="2" ry="2" />
<text x="1157.68" y="191.5" ></text>
</g>
<g >
<title>set MIMEParams (16 μs, 0.06%)</title><rect x="705.2" y="149" width="0.7" height="15.0" fill="rgb(246,191,45)" rx="2" ry="2" />
<text x="708.20" y="159.5" ></text>
</g>
<g >
<title>renderImpl (54 μs, 0.21%)</title><rect x="356.2" y="213" width="2.4" height="15.0" fill="rgb(232,125,30)" rx="2" ry="2" />
<text x="359.17" y="223.5" ></text>
</g>
<g >
<title>aZ (12 μs, 0.05%)</title><rect x="839.3" y="261" width="0.5" height="15.0" fill="rgb(205,2,0)" rx="2" ry="2" />
<text x="842.28" y="271.5" ></text>
</g>
<g >
<title>writeOrBuffer (264 μs, 1.02%)</title><rect x="647.8" y="117" width="12.0" height="15.0" fill="rgb(242,173,41)" rx="2" ry="2" />
<text x="650.81" y="127.5" ></text>
</g>
<g >
<title>unhandledRejection (19 μs, 0.07%)</title><rect x="799.7" y="229" width="0.9" height="15.0" fill="rgb(231,123,29)" rx="2" ry="2" />
<text x="802.73" y="239.5" ></text>
</g>
<g >
<title>aW (17 μs, 0.07%)</title><rect x="838.5" y="229" width="0.8" height="15.0" fill="rgb(224,91,21)" rx="2" ry="2" />
<text x="841.51" y="239.5" ></text>
</g>
</g>
</svg>
Display the source blob
Display the rendered blob
Raw
flamegraph-before-small.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment