msquic/rps.html

179 строки
6.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:title" content="MsQuic Performance Dashboard" />
<meta property="og:description" content="The latest MsQuic performance data" />
<meta name="description" content="The latest MsQuic performance data" />
<meta name="keywords" content=", github, microsoft, quic, performance" />
<link rel="icon" href="./assets/summary/favicon.png">
<title>MsQuic Performance Dashboard</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="vendor/sb-admin/sb-admin-2.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-dark sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
<div class="sidebar-brand-icon rotate-n-15">
<i class="fas fa-tachometer-alt"></i>
</div>
<div class="sidebar-brand-text mx-3">MsQuic</div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
<!-- Nav Item - Dashboard -->
<li class="nav-item">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-chart-line"></i>
<span>Dashboard</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading">
CPU Perf
</div>
<!-- Nav Item - Detailed View -->
<li class="nav-item">
<a class="nav-link" href="detailed.html">
<i class="fas fa-fw fa-chart-area"></i>
<span>Detailed View</span></a>
</li>
<!-- Nav Item - RPS -->
<li class="nav-item active">
<a class="nav-link" href="rps.html">
<i class="fas fa-fw fa-chart-area"></i>
<span>RPS</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
<div class="sidebar-heading">
WAN Perf
</div>
<!-- Nav Item - WAN Perf Tables -->
<li class="nav-item">
<a class="nav-link" href="wanperf.html">
<i class="fas fa-fw fa-chart-area"></i>
<span>Tables</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<div class="container-fluid mb-4 static-top shadow"></div>
<!-- Begin Page Content -->
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 font-weight-bold text-gray-800">Periodic Performance View</h1>
</div>
<!-- Content Row -->
<div id="ChartsDiv" class="row">
<!-- Single Connection Upload Chart -->
<div id="Template" class="col-xl-12 col-lg-7">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<h6 id="HeaderName" class="m-0 font-weight-bold text-dark">Single Connection Upload (Kbps)</h6>
<div id="SummaryText" class="m-0">
This test measures <a href="https://en.wikipedia.org/wiki/Goodput">goodput</a>
while uploading data to the server over a single QUIC connection and stream.
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvas"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Microsoft Corporation 2022</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->
</div>
<!-- End of Page Wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- External dependencies -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/sb-admin/sb-admin-2.min.js"></script>
<script src="vendor/chart.js/Chart.min.js"></script>
<script src="vendor/chart.js//chartjs-adapter-date-fns.bundle.min.js"></script>
<!-- Internal custom scripts -->
<script src="assets/summary/main/data.periodicrps.js"></script>
<script src="assets/summary/rpsCharts.js"></script>
</body>
</html>