msquic/detailed.html

762 строки
53 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 active">
<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">
<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">Performance Detailed View</h1>
</div>
<!-- Content Row -->
<div class="row">
<!-- Windows Kernel Schannel Card -->
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-left-success shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-success text-uppercase mb-1">
Windows Kernel Schannel</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Upload</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelUp" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Download</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelDown" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">RPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelRps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">HPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelHps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (1 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelRpsLatency" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (40 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winKernelSchannelRpsLatencyMultiConn" data="latestValue">?</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Windows User Schannel Card -->
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-left-primary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">
Windows User Schannel</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Upload</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelUp" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Download</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelDown" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">RPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelRps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">HPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelHps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (1 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelRpsLatency" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (40 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserSchannelRpsLatencyMultiConn" data="latestValue">?</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Windows User Schannel (XDP) Card -->
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-left-secondary shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-secondary text-uppercase mb-1">
Windows User Schannel (XDP) </div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Upload</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelUp" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Download</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelDown" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">RPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelRps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">HPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelHps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (1 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelRpsLatency" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (40 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winXDPSchannelRpsLatencyMultiConn" data="latestValue">?</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Windows User OpenSSL Card -->
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-left-danger shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-danger text-uppercase mb-1">
Windows User OpenSSL</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Upload</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslUp" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Download</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslDown" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">RPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslRps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">HPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslHps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (1 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslRpsLatency" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (40 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="winUserOpenSslRpsLatencyMultiConn" data="latestValue">?</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Linux OpenSSL Card -->
<div class="col-xl-3 col-md-6 mb-3">
<div class="card border-left-info shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">
Linux OpenSSL</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Upload</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslUp" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Download</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslDown" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">RPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslRps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">HPS</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslHps" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (1 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslRpsLatency" data="latestValue">?</div>
</div>
</div>
<div class="row no-gutters align-items-center">
<div class="col mr-1">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800">Latency P90 (40 Conn)</div>
</div>
<div class="col-auto">
<div class="h6 mb-0 mr-0 font-weight-bold text-gray-800" id="linuxOpenSslRpsLatencyMultiConn" data="latestValue">?</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Content Row -->
<div class="row">
<!-- Single Connection Upload Chart -->
<div class="col-12" id="upload">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#upload">Single Connection Upload (Gbps)</a>
<div 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 class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelUpToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelUpToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelUpToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslUpToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslUpToggle">Linux OpenSSL</label>
<div class="dropdown-divider"></div>
<label class="dropdown-item" id="scatterUpToggle">Raw Points</label>
<label class="dropdown-item" id="lineUpToggle">Average Line</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasUp"></canvas>
</div>
</div>
</div>
</div>
<!-- Single Connection Download Chart -->
<div class="col-12" id="download">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#download">Single Connection Download (Gbps)</a>
<div class="m-0">
This test measures <a href="https://en.wikipedia.org/wiki/Goodput">goodput</a>
while downloading data from the server over a single QUIC connection and stream.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelDownToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelDownToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelDownToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslDownToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslDownToggle">Linux OpenSSL</label>
<div class="dropdown-divider"></div>
<label class="dropdown-item" id="scatterDownToggle">Raw Points</label>
<label class="dropdown-item" id="lineDownToggle">Average Line</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasDown"></canvas>
</div>
</div>
</div>
</div>
<!-- Requests per Second Chart -->
<div class="col-12" id="rps">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#rps">Requests per Second (KHz)</a>
<div class="m-0">
This test measures average requests completed per second while simulating HTTP-style
traffic between the client and server.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelRpsToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelRpsToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelRpsToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslRpsToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslRpsToggle">Linux OpenSSL</label>
<div class="dropdown-divider"></div>
<label class="dropdown-item" id="scatterRpsToggle">Raw Points</label>
<label class="dropdown-item" id="lineRpsToggle">Average Line</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasRps"></canvas>
</div>
</div>
</div>
</div>
<!-- Handshakes per Second Chart -->
<div class="col-xl-12 col-lg-7" id="hps">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#hps">Handshakes per Second (KHz)</a>
<div class="m-0">
This test measures average number of connection handshakes a server can complete
per second.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelHpsToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelHpsToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelHpsToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslHpsToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslHpsToggle">Linux OpenSSL</label>
<div class="dropdown-divider"></div>
<label class="dropdown-item" id="scatterHpsToggle">Raw Points</label>
<label class="dropdown-item" id="lineHpsToggle">Average Line</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasHps"></canvas>
</div>
</div>
</div>
</div>
<!-- Single Connection Request Latency Chart -->
<div class="col-xl-12 col-lg-7" id="rpslatency">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#rpslatency">Request Latency (μs) | 90th Percentile | 1 Connection</a>
<div class="m-0">
This test measures response <a href="https://en.wikipedia.org/wiki/Latency_%28engineering%29">latency</a>
while simulating HTTP-style traffic between the client and server.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelRpsLatencyToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelRpsLatencyToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelRpsLatencyToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslRpsLatencyToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslRpsLatencyToggle">Linux OpenSSL</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasRpsLatency"></canvas>
</div>
</div>
</div>
</div>
<!-- Request Latency Chart -->
<div class="col-xl-12 col-lg-7" id="rpslatencymulticonn">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#rpslatencymulticonn">Request Latency (μs) | 90th Percentile | 40 Connections</a>
<div class="m-0">
This test measures response <a href="https://en.wikipedia.org/wiki/Latency_%28engineering%29">latency</a>
while simulating HTTP-style traffic between the client and server.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelRpsLatencyMultiConnToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelRpsLatencyMultiConnToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelRpsLatencyMultiConnToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslRpsLatencyMultiConnToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslRpsLatencyMultiConnToggle">Linux OpenSSL</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasRpsLatencyMultiConn"></canvas>
</div>
</div>
</div>
</div>
<!-- Latest-commit Request Latency Chart 1-Connection -->
<div class="col-xl-12 col-lg-7" id="rpslatency1latest">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#rpslatency1latest">Request Latency (μs) | Latest-commit | 1 Connection</a>
<div class="m-0">
This test measures response <a href="https://en.wikipedia.org/wiki/Latency_%28engineering%29">latency</a>
while simulating HTTP-style traffic between the client and server.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelRpsLatency1LatestToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelRpsLatency1LatestToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelRpsLatency1LatestToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslRpsLatency1LatestToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslRpsLatency1LatestToggle">Linux OpenSSL</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasRpsLatency1Latest"></canvas>
</div>
</div>
</div>
</div>
<!-- Latest-commit Request Latency Chart 40-Connections -->
<div class="col-xl-12 col-lg-7" id="rpslatency40latest">
<div class="card shadow mb-4">
<!-- Card Header -->
<div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
<a class="m-0 font-weight-bold text-dark" href="detailed.html#rpslatency40latest">Request Latency (μs) | Latest-commit | 40 Connections</a>
<div class="m-0">
This test measures response <a href="https://en.wikipedia.org/wiki/Latency_%28engineering%29">latency</a>
while simulating HTTP-style traffic between the client and server.
</div>
<div class="dropdown no-arrow">
<label class="dropdown-toggle" role="button" id="dropdownMenuLink"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v fa-sm fa-fw text-gray-400"></i>
</label>
<div class="dropdown-menu dropdown-menu-right shadow animated--fade-in" aria-labelledby="dropdownMenuLink">
<div class="dropdown-header">Customize</div>
<label class="dropdown-item text-success" id="winKernelSchannelRpsLatency40LatestToggle">Windows Kernel Schannel</label>
<label class="dropdown-item text-primary" id="winUserSchannelRpsLatency40LatestToggle">Windows User Schannel</label>
<label class="dropdown-item text-secondary" id="winXDPSchannelRpsLatency40LatestToggle">Windows User Schannel (XDP)</label>
<label class="dropdown-item text-danger" id="winUserOpenSslRpsLatency40LatestToggle">Windows User OpenSSL</label>
<label class="dropdown-item text-info" id="linuxOpenSslRpsLatency40LatestToggle">Linux OpenSSL</label>
</div>
</div>
</div>
<!-- Card Body -->
<div class="card-body">
<div class="chart-area-lg">
<canvas id="canvasRpsLatency40Latest"></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.js"></script>
<script src="assets/summary/dataView.js"></script>
<script src="assets/summary/latestData.js"></script>
<script src="assets/summary/rpsLatencyCharts.js"></script>
<script src="assets/summary/detailedCharts.js"></script>
</body>
</html>