2022-12-13 23:03:32 +02:00
<?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= "1030" onload= "init(evt)" viewBox= "0 0 1200 1030" xmlns= "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink" xmlns:fg= "http://github.com/jonhoo/inferno" > <!-- 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); }
2022-12-12 18:04:27 +02:00
#title { text-anchor:middle; font-size:17px; }
2022-12-13 23:03:32 +02:00
#search { opacity:0.1; cursor:pointer; }
2022-12-12 18:04:27 +02:00
#search:hover, #search.show { opacity:1; }
#subtitle { text-anchor:middle; font-color:rgb(160,160,160); }
#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[
var nametype = 'Function:';
var fontsize = 12;
var fontwidth = 0.59;
var xpad = 10;
var inverted = false;
var searchcolor = 'rgb(230,0,230)';
var fluiddrawing = true;
var truncate_text_right = false;
]]>< ![CDATA["use strict";
2022-12-13 23:03:32 +02:00
var details, searchbtn, unzoombtn, matchedtxt, svg, searching, frames;
2022-12-12 18:04:27 +02:00
function init(evt) {
details = document.getElementById("details").firstChild;
searchbtn = document.getElementById("search");
unzoombtn = document.getElementById("unzoom");
matchedtxt = document.getElementById("matched");
svg = document.getElementsByTagName("svg")[0];
frames = document.getElementById("frames");
total_samples = parseInt(frames.attributes.total_samples.value);
searching = 0;
// Use GET parameters to restore a flamegraph's state.
var restore_state = function() {
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);
};
if (fluiddrawing) {
// Make width dynamic so the SVG fits its parent's width.
svg.removeAttribute("width");
// Edge requires us to have a viewBox that gets updated with size changes.
var isEdge = /Edge\/\d./i.test(navigator.userAgent);
var update_for_width_change = function() {
if (isEdge) {
svg.attributes.viewBox.value = "0 0 " + svg.width.baseVal.value + " " + svg.height.baseVal.value;
}
// Keep consistent padding on left and right of frames container.
frames.attributes.width.value = svg.width.baseVal.value - xpad * 2;
// Text truncation needs to be adjusted for the current width.
2022-12-13 23:03:32 +02:00
var el = frames.children;
for(var i = 0; i < el.length ; i + + ) {
update_text(el[i]);
}
2022-12-12 18:04:27 +02:00
// Keep search elements at a fixed distance from right edge.
var svgWidth = svg.width.baseVal.value;
2022-12-13 23:03:32 +02:00
searchbtn.attributes.x.value = svgWidth - xpad - 100;
matchedtxt.attributes.x.value = svgWidth - xpad - 100;
2022-12-12 18:04:27 +02:00
};
window.addEventListener('resize', function() {
update_for_width_change();
});
// This needs to be done asynchronously for Safari to work.
setTimeout(function() {
unzoom();
update_for_width_change();
restore_state();
2022-12-13 23:03:32 +02:00
if (!isEdge) {
svg.removeAttribute("viewBox");
}
2022-12-12 18:04:27 +02:00
}, 0);
} else {
restore_state();
}
}
// 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();
zoom(target);
// set parameters for zoom state
var el = target.querySelector("rect");
if (el & & el.attributes & & el.attributes.y & & el.attributes["fg:x"]) {
var params = get_params()
params.x = el.attributes["fg:x"].value;
params.y = el.attributes.y.value;
history.replaceState(null, null, parse_params(params));
}
}
else if (e.target.id == "unzoom") {
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));
}
else if (e.target.id == "search") search_prompt();
}, false)
// mouse-over for info
// show
window.addEventListener("mouseover", function(e) {
var target = find_group(e.target);
if (target) details.nodeValue = nametype + " " + 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
window.addEventListener("keydown",function (e) {
if (e.keyCode === 114 || (e.ctrlKey & & e.keyCode === 70)) {
e.preventDefault();
search_prompt();
}
}, 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];
return;
}
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["fg:orig_" + attr] != undefined) return;
if (e.attributes[attr] == undefined) return;
if (val == undefined) val = e.attributes[attr].value;
e.setAttribute("fg:orig_" + attr, val);
}
function orig_load(e, attr) {
if (e.attributes["fg:orig_"+attr] == undefined) return;
e.attributes[attr].value = e.attributes["fg:orig_" + attr].value;
e.removeAttribute("fg: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) * frames.attributes.width.value / 100 - 3;
var txt = find_child(e, "title").textContent.replace(/\([^(]*\)$/,"");
t.attributes.x.value = format_percent((parseFloat(r.attributes.x.value) + (100 * 3 / frames.attributes.width.value)));
// Smaller than this size won't fit anything
if (w < 2 * f o n t s i z e * f o n t w i d t h ) {
t.textContent = "";
return;
}
t.textContent = txt;
// Fit in full text width
2022-12-13 23:03:32 +02:00
if (/^ *\$/.test(txt) || t.getComputedTextLength() < w )
2022-12-12 18:04:27 +02:00
return;
if (truncate_text_right) {
// Truncate the right side of the text.
for (var x = txt.length - 2; x > 0; x--) {
if (t.getSubStringLength(0, x + 2) < = w) {
t.textContent = txt.substring(0, x) + "..";
return;
}
}
} else {
// Truncate the left side of the text.
for (var x = 2; x < txt.length ; x + + ) {
if (t.getSubStringLength(x - 2, txt.length) < = w) {
t.textContent = ".." + txt.substring(x, txt.length);
return;
}
}
}
t.textContent = "";
}
// zoom
function zoom_reset(e) {
if (e.tagName == "rect") {
e.attributes.x.value = format_percent(100 * parseInt(e.attributes["fg:x"].value) / total_samples);
e.attributes.width.value = format_percent(100 * parseInt(e.attributes["fg:w"].value) / total_samples);
}
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, zoomed_width_samples) {
if (e.tagName == "text") {
var parent_x = parseFloat(find_child(e.parentNode, "rect[x]").attributes.x.value);
e.attributes.x.value = format_percent(parent_x + (100 * 3 / frames.attributes.width.value));
} else if (e.tagName == "rect") {
e.attributes.x.value = format_percent(100 * (parseInt(e.attributes["fg:x"].value) - x) / zoomed_width_samples);
e.attributes.width.value = format_percent(100 * parseInt(e.attributes["fg:w"].value) / zoomed_width_samples);
}
if (e.childNodes == undefined) return;
for(var i = 0, c = e.childNodes; i < c.length ; i + + ) {
zoom_child(c[i], x, zoomed_width_samples);
}
}
function zoom_parent(e) {
if (e.attributes) {
if (e.attributes.x != undefined) {
e.attributes.x.value = "0.0%";
}
if (e.attributes.width != undefined) {
e.attributes.width.value = "100.0%";
}
}
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 = parseInt(attr["fg:w"].value);
var xmin = parseInt(attr["fg:x"].value);
var xmax = xmin + width;
var ymin = parseFloat(attr.y.value);
unzoombtn.classList.remove("hide");
var el = frames.children;
for (var i = 0; i < el.length ; i + + ) {
var e = el[i];
var a = find_child(e, "rect").attributes;
var ex = parseInt(a["fg:x"].value);
var ew = parseInt(a["fg:w"].value);
// Is it an ancestor
if (!inverted) {
var upstack = parseFloat(a.y.value) > ymin;
} else {
var upstack = parseFloat(a.y.value) < ymin ;
}
if (upstack) {
// Direct ancestor
if (ex < = xmin & & (ex+ew) >= xmax) {
e.classList.add("parent");
zoom_parent(e);
2022-12-13 23:03:32 +02:00
update_text(e);
2022-12-12 18:04:27 +02:00
}
// not in current path
else
e.classList.add("hide");
}
// Children maybe
else {
// no common path
if (ex < xmin | | e x > = xmax) {
e.classList.add("hide");
}
else {
zoom_child(e, xmin, width);
2022-12-13 23:03:32 +02:00
update_text(e);
2022-12-12 18:04:27 +02:00
}
}
}
}
function unzoom() {
unzoombtn.classList.add("hide");
var el = frames.children;
for(var i = 0; i < el.length ; i + + ) {
el[i].classList.remove("parent");
el[i].classList.remove("hide");
zoom_reset(el[i]);
2022-12-13 23:03:32 +02:00
update_text(el[i]);
2022-12-12 18:04:27 +02:00
}
}
// 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_)", "");
if (term != null) {
search(term)
}
} else {
reset_search();
searching = 0;
searchbtn.classList.remove("show");
searchbtn.firstChild.nodeValue = "Search"
matchedtxt.classList.add("hide");
matchedtxt.firstChild.nodeValue = ""
}
}
function search(term) {
var re = new RegExp(term);
var el = frames.children;
var matches = new Object();
var maxwidth = 0;
for (var i = 0; i < el.length ; i + + ) {
var e = el[i];
// Skip over frames which are either not visible, or below the zoomed-to frame
if (e.classList.contains("hide") || e.classList.contains("parent")) {
continue;
}
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 = parseInt(rect.attributes["fg:w"].value);
if (w > maxwidth)
maxwidth = w;
if (func.match(re)) {
// highlight
var x = parseInt(rect.attributes["fg:x"].value);
orig_save(rect, "fill");
rect.attributes.fill.value = searchcolor;
// 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 = term;
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.
for (var k in keys) {
var x = parseInt(keys[k]);
var w = matches[keys[k]];
if (x >= lastx + lastw) {
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 + "%";
}
function format_percent(n) {
return n.toFixed(4) + "%";
}
2022-12-13 23:03:32 +02:00
]]></script> <rect x= "0" y= "0" width= "100%" height= "1030" fill= "url(#background)" /> <text id= "title" x= "50.0000%" y= "24.00" > Flame Graph</text> <text id= "details" x= "10" y= "1013.00" > </text> <text id= "unzoom" class= "hide" x= "10" y= "24.00" > Reset Zoom</text> <text id= "search" x= "1090" y= "24.00" > Search</text> <text id= "matched" x= "1090" y= "1013.00" > </text> <svg id= "frames" x= "10" width= "1180" total_samples= "643537" > <g > <title > _dl_update_slotinfo (146 samples, 0.02%)</title> <rect x= "0.2488%" y= "933" width= "0.0227%" height= "15" fill= "rgb(227,0,7)" fg:x= "1601" fg:w= "146" /> <text x= "0.4988%" y= "943.50" > </text> </g> <g > <title > [anon] (1,625 samples, 0.25%)</title> <rect x= "0.0668%" y= "949" width= "0.2525%" height= "15" fill= "rgb(217,0,24)" fg:x= "430" fg:w= "1625" /> <text x= "0.3168%" y= "959.50" > </text> </g> <g > <title > [perf-733733.map] (212 samples, 0.03%)</title> <rect x= "0.3198%" y= "949" width= "0.0329%" height= "15" fill= "rgb(221,193,54)" fg:x= "2058" fg:w= "212" /> <text x= "0.5698%" y= "959.50" > </text> </g> <g > <title > [unknown] (119 samples, 0.02%)</title> <rect x= "0.3529%" y= "949" width= "0.0185%" height= "15" fill= "rgb(248,212,6)" fg:x= "2271" fg:w= "119" /> <text x= "0.6029%" y= "959.50" > </text> </g> <g > <title > CompileBroker::post_compile (77 samples, 0.01%)</title> <rect x= "0.3821%" y= "837" width= "0.0120%" height= "15" fill= "rgb(208,68,35)" fg:x= "2459" fg:w= "77" /> <text x= "0.6321%" y= "847.50" > </text> </g> <g > <title > StringEventLog::log (76 samples, 0.01%)</title> <rect x= "0.3823%" y= "821" width= "0.0118%" height= "15" fill= "rgb(232,128,0)" fg:x= "2460" fg:w= "76" /> <text x= "0.6323%" y= "831.50" > </text> </g> <g > <title > CompileTask::print (119 samples, 0.02%)</title> <rect x= "0.3981%" y= "837" width= "0.0185%" height= "15" fill= "rgb(207,160,47)" fg:x= "2562" fg:w= "119" /> <text x= "0.6481%" y= "847.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (101 samples, 0.02%)</title> <rect x= "0.4390%" y= "693" width= "0.0157%" height= "15" fill= "rgb(228,23,34)" fg:x= "2825" fg:w= "101" /> <text x= "0.6890%" y= "703.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (153 samples, 0.02%)</title> <rect x= "0.4384%" y= "709" width= "0.0238%" height= "15" fill= "rgb(218,30,26)" fg:x= "2821" fg:w= "153" /> <text x= "0.6884%" y= "719.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (232 samples, 0.04%)</title> <rect x= "0.4374%" y= "725" width= "0.0361%" height= "15" fill= "rgb(220,122,19)" fg:x= "2815" fg:w= "232" /> <text x= "0.6874%" y= "735.50" > </text> </g> <g > <title > SubstitutionResolver::block_do (73 samples, 0.01%)</title> <rect x= "0.4621%" y= "709" width= "0.0113%" height= "15" fill= "rgb(250,228,42)" fg:x= "2974" fg:w= "73" /> <text x= "0.7121%" y= "719.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (233 samples, 0.04%)</title> <rect x= "0.4374%" y= "741" width= "0.0362%" height= "15" fill= "rgb(240,193,28)" fg:x= "2815" fg:w= "233" /> <text x= "0.6874%" y= "751.50" > </text> </g> <g > <title > GlobalValueNumbering::GlobalValueNumbering (445 samples, 0.07%)</title> <rect x= "0.4259%" y= "757" width= "0.0691%" height= "15" fill= "rgb(216,20,37)" fg:x= "2741" fg:w= "445" /> <text x= "0.6759%" y= "767.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (81 samples, 0.01%)</title> <rect x= "0.5002%" y= "693" width= "0.0126%" height= "15" fill= "rgb(206,188,39)" fg:x= "3219" fg:w= "81" /> <text x= "0.7502%" y= "703.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (119 samples, 0.02%)</title> <rect x= "0.4966%" y= "725" width= "0.0185%" height= "15" fill= "rgb(217,207,13)" fg:x= "3196" fg:w= "119" /> <text x= "0.7466%" y= "735.50" > </text> </g> <g > <title > BlockBegin::iterate_preorder (115 samples, 0.02%)</title> <rect x= "0.4973%" y= "709" width= "0.0179%" height= "15" fill= "rgb(231,73,38)" fg:x= "3200" fg:w= "115" /> <text x= "0.7473%" y= "719.50" > </text> </g> <g > <title > MethodLiveness::init_basic_blocks (74 samples, 0.01%)</title> <rect x= "0.5331%" y= "661" width= "0.0115%" height= "15" fill= "rgb(225,20,46)" fg:x= "3431" fg:w= "74" /> <text x= "0.7831%" y= "671.50" > </text> </g> <g > <title > BlockListBuilder::set_leaders (160 samples, 0.02%)</title> <rect x= "0.5199%" y= "709" width= "0.0249%" height= "15" fill= "rgb(210,31,41)" fg:x= "3346" fg:w= "160" /> <text x= "0.7699%" y= "719.50" > </text> </g> <g > <title > ciMethod::bci