Malin/six.k
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: live bandwidth tracking (RX/TX MB/s + avg response size)

Browse Source 
- Track data_received / data_sent bytes in live metric aggregation
- Compute bwInMBps, bwOutMBps, avgRespKB per second
- Bandwidth row below stats strip: ↓ RX | ↑ TX | Avg size
- RX colour: green <20 MB/s, yellow 20-50 MB/s, red >50 MB/s
- Warning banner when RX >20 MB/s: bandwidth may cause p99 spikes

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Malin
2026-05-01 20:39:16 +02:00
parent 175ba3ec7a
commit d3991416e8
4 changed files with 99 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/app.js
View File

@@ -92,6 +92,7 @@ function updateGauges(m) {
setStat('sc-p90', fmtMs(m.p90));
setStat('sc-p95', fmtMs(m.p95));
setStat('sc-p99', fmtMs(m.p99));
updateBandwidth(m);
// colour p95 cell based on threshold (5 s)
const p95cell = document.getElementById('sc-p95');
@@ -101,6 +102,23 @@ function updateGauges(m) {
}
}
function updateBandwidth(m) {
const inEl = document.getElementById('bw-in');
const outEl = document.getElementById('bw-out');
const sizeEl = document.getElementById('bw-size');
const warn = document.getElementById('bw-warning');
if (!inEl) return;
inEl.textContent = m.bwInMBps + ' MB/s';
outEl.textContent = m.bwOutMBps + ' MB/s';
sizeEl.textContent = m.avgRespKB + ' KB';
// Flag if inbound bandwidth looks high (>20 MB/s = ~160 Mbps — notable)
const high = m.bwInMBps > 20;
inEl.style.color = m.bwInMBps > 50 ? 'var(--red)' : m.bwInMBps > 20 ? 'var(--yellow)' : 'var(--green)';
warn.style.display = high ? '' : 'none';
}
function resetGauges() {
['gauge-score','gauge-checks','gauge-http'].forEach(id => {
const el = document.getElementById(id);
@@ -114,6 +132,14 @@ function resetGauges() {
['sc-reqs','sc-rps','sc-avg','sc-p90','sc-p95','sc-p99'].forEach(id => setStat(id, '--'));
const tb = document.getElementById('threshold-banner');
if (tb) { tb.style.display = 'none'; tb.innerHTML = ''; }
const bwIn = document.getElementById('bw-in');
if (bwIn) { bwIn.textContent = '-- MB/s'; bwIn.style.color = ''; }
const bwOut = document.getElementById('bw-out');
if (bwOut) bwOut.textContent = '-- MB/s';
const bwSize = document.getElementById('bw-size');
if (bwSize) bwSize.textContent = '-- KB';
const bwWarn = document.getElementById('bw-warning');
if (bwWarn) bwWarn.style.display = 'none';
}
function renderThresholds(summary) {