533 lines
38 KiB
HTML
533 lines
38 KiB
HTML
<article class="stat" data-dashboard-widget="requests"><span data-i18n="requests">Requests</span><strong
|
|
id="metric-requests">0</strong><small id="request-rate">0 req/s</small></article>
|
|
<article class="stat" data-dashboard-widget="active"><span data-i18n="activeExchanges">Active
|
|
exchanges</span><strong id="metric-active">0</strong><small data-i18n="bodyLifetime">Full body lifetime</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="bandwidth"><span data-i18n="bandwidth">Payload
|
|
transferred</span><strong id="metric-bytes">0 B</strong><small class="payload-split"
|
|
id="metric-bytes-split"><span>↓ <b id="metric-bytes-down">0 B</b></span><span>↑ <b id="metric-bytes-up">0
|
|
B</b></span></small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="errors"><span data-i18n="errors">Errors</span><strong
|
|
id="metric-errors">0</strong><small data-i18n="errorDescription">5xx / body /
|
|
cancelled</small></article>
|
|
<article class="stat stat-donut" data-dashboard-widget="cache"><span data-i18n="cacheHitRatio">Cache hit
|
|
ratio</span>
|
|
<div class="overview-donut-row">
|
|
<svg class="overview-donut-svg" id="cache-ratio-chart" role="img" aria-label="Cache HIT and MISS distribution"
|
|
viewBox="0 0 64 64">
|
|
<circle class="overview-donut-track" cx="32" cy="32" r="24"></circle>
|
|
<circle class="overview-donut-hit" id="cache-ratio-hit-arc" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100"></circle>
|
|
<circle class="overview-donut-miss" id="cache-ratio-miss-arc" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100"></circle>
|
|
</svg>
|
|
<div class="overview-donut-info">
|
|
<strong id="metric-cache-ratio">-</strong>
|
|
<small class="overview-donut-legend" id="cache-summary">
|
|
<span class="overview-donut-hit-key"><i></i>HIT <b id="cache-ratio-hit-count">0</b></span>
|
|
<span class="overview-donut-miss-key"><i></i>MISS <b id="cache-ratio-miss-count">0</b></span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="stat stat-cache-outcomes" data-dashboard-widget="cache_outcomes">
|
|
<div class="cache-mix-header">
|
|
<span data-i18n="cacheMixTitle">Cache outcomes</span>
|
|
<small class="cache-mix-caption" id="cache-mix-caption" aria-label="HTTP requests since service start"
|
|
title="HTTP requests since service start">-</small>
|
|
</div>
|
|
<strong id="cache-mix-headline">-</strong>
|
|
<div class="cache-mix-bar" id="cache-mix-bar" role="img"
|
|
aria-label="Cumulative HTTP cache outcomes since service start">
|
|
<span class="cache-mix-hit" id="cache-mix-hit" style="width:0%"></span>
|
|
<span class="cache-mix-miss" id="cache-mix-miss" style="width:0%"></span>
|
|
<span class="cache-mix-bypass" id="cache-mix-bypass" style="width:0%"></span>
|
|
<span class="cache-mix-other" id="cache-mix-other" style="width:0%"></span>
|
|
</div>
|
|
<small class="cache-mix-legend">
|
|
<span class="cache-mix-hit-key"><i></i>HIT <b><span id="cache-mix-hit-count">-</span><span
|
|
class="cache-mix-percent" id="cache-mix-hit-percent">-</span></b></span>
|
|
<span class="cache-mix-miss-key"><i></i>MISS <b><span id="cache-mix-miss-count">-</span><span
|
|
class="cache-mix-percent" id="cache-mix-miss-percent">-</span></b></span>
|
|
<span class="cache-mix-bypass-key"><i></i>BYPASS <b><span id="cache-mix-bypass-count">-</span><span
|
|
class="cache-mix-percent" id="cache-mix-bypass-percent">-</span></b></span>
|
|
<span class="cache-mix-other-key"><i></i><span data-i18n="cacheMixOther">OTHER</span> <b><span
|
|
id="cache-mix-other-count">-</span><span class="cache-mix-percent"
|
|
id="cache-mix-other-percent">-</span></b></span>
|
|
</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="memory"><span data-i18n="processMemory">Process
|
|
memory</span><strong id="metric-rss">-</strong><small id="process-summary">-</small>
|
|
</article>
|
|
<article class="stat stat-with-action" data-dashboard-widget="websocket"><span data-i18n="wsActive">WebSocket
|
|
tunnels</span><button class="pill stat-corner-action stat-corner-badge" data-i18n="tunnelsOpen"
|
|
data-ui-icon-name="none" id="tunnels-open" type="button">Active tunnels</button><div class="stat-value-row"><strong
|
|
id="metric-ws">0</strong><small class="stat-side-value" title="Established"><span
|
|
data-i18n="wsEstablished">Established</span> <b id="metric-ws-total">0</b></small></div><small
|
|
aria-label="Active WebSocket tunnels by frontend protocol"><span data-i18n="wsH1" title="H1 Upgrade">H1</span>
|
|
<span id="metric-ws-h1">0</span> · <span data-i18n="wsH2Rfc8441" title="H2 RFC 8441">H2</span>
|
|
<span id="metric-ws-h2">0</span> · <span data-i18n="wsH3Rfc9220" title="H3 RFC 9220">H3</span>
|
|
<span id="metric-ws-h3">0</span></small></article>
|
|
<article class="stat" data-dashboard-widget="http2"><span data-i18n="h2Requests">HTTP/2
|
|
requests</span><strong id="metric-h2">0</strong><small><span data-i18n="h2ActiveConnections">H2
|
|
connections</span>: <span id="metric-h2-active">0</span></small></article>
|
|
<article class="stat" data-dashboard-widget="http3"><span data-i18n="h3Requests">HTTP/3
|
|
requests</span><strong id="metric-h3">0</strong><small><span data-i18n="h3ActiveConnections">H3
|
|
connections</span>: <span id="metric-h3-active">0</span></small></article>
|
|
<article class="stat" data-dashboard-widget="tls"><span data-i18n="tlsFailures">TLS handshake
|
|
errors</span><strong id="metric-tls-errors">0</strong></article>
|
|
<article class="stat stat-chart" data-dashboard-widget="http_protocol"><span data-i18n="httpProtocolMix">HTTP protocol
|
|
mix</span><strong id="metric-http-proto-total">0.0/s</strong><svg preserveAspectRatio="none"
|
|
aria-label="HTTP protocol activity" data-i18n-aria="httpProtocolMix" id="http-protocol-chart" role="img"
|
|
viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h1-line" id="http-protocol-h1" points="0,55 300,55"></polyline>
|
|
<polyline class="diagnostic-line proto-h2-line" id="http-protocol-h2" points="0,55 300,55"></polyline>
|
|
<polyline class="diagnostic-line proto-h3-line" id="http-protocol-h3" points="0,55 300,55"></polyline>
|
|
</svg><small class="stat-chart-legend"><span class="legend-h1"><i></i>H1 <b
|
|
id="metric-http-proto-h1">0.0/s</b></span><span class="legend-h2"><i></i>H2 <b
|
|
id="metric-http-proto-h2">0.0/s</b></span><span class="legend-h3"><i></i>H3 <b
|
|
id="metric-http-proto-h3">0.0/s</b></span></small></article>
|
|
<article class="stat stat-chart" data-dashboard-widget="websocket_protocol"><span data-i18n="wsProtocolMix">WebSocket
|
|
protocol
|
|
mix</span><strong id="metric-ws-proto-total">0</strong><svg preserveAspectRatio="none"
|
|
aria-label="WebSocket protocol activity" data-i18n-aria="wsProtocolMix" id="ws-protocol-chart" role="img"
|
|
viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h1-line" id="ws-protocol-h1" points="0,55 300,55"></polyline>
|
|
<polyline class="diagnostic-line proto-h2-line" id="ws-protocol-h2" points="0,55 300,55"></polyline>
|
|
<polyline class="diagnostic-line proto-h3-line" id="ws-protocol-h3" points="0,55 300,55"></polyline>
|
|
</svg><small class="stat-chart-legend"><span class="legend-h1"><i></i>H1 <b
|
|
id="metric-ws-proto-h1">0</b></span><span class="legend-h2"><i></i>H2 <b
|
|
id="metric-ws-proto-h2">0</b></span><span class="legend-h3"><i></i>H3 <b
|
|
id="metric-ws-proto-h3">0</b></span></small></article>
|
|
<article class="stat" data-dashboard-widget="stream_overview" hidden>
|
|
<span data-i18n="streamWidgetOverview">Stream overview</span><strong id="stream-dashboard-overview">-</strong>
|
|
<small id="stream-dashboard-overview-detail" data-i18n="streamWidgetUnavailable">No stream
|
|
data</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="stream_traffic" hidden>
|
|
<span data-i18n="streamWidgetTraffic">Stream traffic</span><strong id="stream-dashboard-traffic">-</strong>
|
|
<svg preserveAspectRatio="none" aria-label="Stream traffic RX/TX" data-i18n-aria="streamWidgetTraffic" role="img"
|
|
viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line stream-chart-rx" id="stream-dashboard-rx" points="0,55 300,55"></polyline>
|
|
<polyline class="diagnostic-line stream-chart-tx" id="stream-dashboard-tx" points="0,55 300,55"></polyline>
|
|
</svg><small class="stat-chart-legend stream-traffic-legend" id="stream-dashboard-traffic-detail">
|
|
<span class="legend-rx"><i></i>RX <b id="stream-dashboard-rx-rate">-</b></span>
|
|
<span class="legend-tx"><i></i>TX <b id="stream-dashboard-tx-rate">-</b></span>
|
|
</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="stream_sessions" hidden>
|
|
<span data-i18n="streamWidgetSessions">Stream sessions</span><strong id="stream-dashboard-sessions">-</strong>
|
|
<small id="stream-dashboard-sessions-detail" data-i18n="streamWidgetUnavailable">No stream
|
|
data</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="stream_backend_health" hidden>
|
|
<span data-i18n="streamWidgetHealth">Stream backend health</span><strong id="stream-dashboard-health">-</strong>
|
|
<small id="stream-dashboard-health-detail" data-i18n="streamWidgetUnavailable">No stream
|
|
data</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="backend_health" hidden>
|
|
<span data-i18n="backendWidgetHealth">Backend health</span><strong id="backend-dashboard-health">-</strong>
|
|
<small id="backend-dashboard-health-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_activity" hidden>
|
|
<span data-i18n="backendWidgetActivity">Active backend requests</span><strong
|
|
id="backend-dashboard-activity">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetActivity" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h1-line" id="backend-dashboard-active-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-activity-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_errors" hidden>
|
|
<span data-i18n="backendWidgetErrors">Backend errors</span><strong id="backend-dashboard-errors">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetErrors" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h3-line" id="backend-dashboard-error-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-errors-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart backend-latency-stat" data-dashboard-widget="backend_latency" hidden>
|
|
<span data-i18n="backendWidgetLatency">Health probe RTT</span><small class="backend-health-origins"
|
|
id="backend-dashboard-latency-detail">Health Origins -</small><strong id="backend-dashboard-latency">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetLatency" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-latency-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_traffic" hidden>
|
|
<span data-i18n="backendWidgetTraffic">Backend traffic</span><strong id="backend-dashboard-traffic">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetTraffic" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line stream-chart-rx" id="backend-dashboard-in-line" points="0,55 300,55">
|
|
</polyline>
|
|
<polyline class="diagnostic-line stream-chart-tx" id="backend-dashboard-out-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small class="stat-chart-legend stream-traffic-legend">
|
|
<span class="legend-rx"><i></i>IN <b id="backend-dashboard-in-rate">-</b></span>
|
|
<span class="legend-tx"><i></i>OUT <b id="backend-dashboard-out-rate">-</b></span>
|
|
</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="backend_protocols" hidden>
|
|
<span data-i18n="backendWidgetProtocols">Configured backend modes</span><strong
|
|
id="backend-dashboard-protocols">-</strong>
|
|
<div class="backend-mode-bar" role="img" data-i18n-aria="backendWidgetProtocols">
|
|
<span class="backend-mode-h1" id="backend-mode-h1"></span>
|
|
<span class="backend-mode-auto" id="backend-mode-auto"></span>
|
|
<span class="backend-mode-compat" id="backend-mode-compat"></span>
|
|
<span class="backend-mode-h2" id="backend-mode-h2"></span>
|
|
</div><small id="backend-dashboard-protocols-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_requests" hidden>
|
|
<span data-i18n="backendWidgetRequests">Backend request rate</span><strong
|
|
id="backend-dashboard-requests">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetRequests" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h1-line" id="backend-dashboard-request-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-requests-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="backend_capacity" hidden>
|
|
<span data-i18n="backendWidgetCapacity">Backend capacity</span><strong id="backend-dashboard-capacity">-</strong>
|
|
<div class="overview-meter" id="backend-dashboard-capacity-meter" role="progressbar"
|
|
data-i18n-aria="backendWidgetCapacity" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="backend-dashboard-capacity-meter-fill"></span>
|
|
</div><small id="backend-dashboard-capacity-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_http5xx" hidden>
|
|
<span data-i18n="backendWidgetHttp5xx">backendWidgetHttp5xx</span><strong id="backend-dashboard-http5xx">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetHttp5xx" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-5xx-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="backend-dashboard-http5xx-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_timeouts" hidden>
|
|
<span data-i18n="backendWidgetTimeouts">backendWidgetTimeouts</span><strong
|
|
id="backend-dashboard-timeouts">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetTimeouts" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-timeout-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-timeouts-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_network" hidden>
|
|
<span data-i18n="backendWidgetNetwork">backendWidgetNetwork</span><strong id="backend-dashboard-network">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetNetwork" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-network-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-network-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_retries" hidden>
|
|
<span data-i18n="backendWidgetRetries">backendWidgetRetries</span><strong id="backend-dashboard-retries">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetRetries" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-retry-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-retries-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="backend_queue" hidden>
|
|
<span data-i18n="backendWidgetQueue">backendWidgetQueue</span><strong id="backend-dashboard-queue">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="backendWidgetQueue" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="backend-dashboard-queue-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="backend-dashboard-queue-detail">-</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="backend_rotations" hidden>
|
|
<span data-i18n="backendWidgetRotations">Backend client pool rotations</span><strong
|
|
id="backend-dashboard-rotations">-</strong>
|
|
<small id="backend-dashboard-rotations-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_process_cpu" hidden>
|
|
<span data-i18n="overviewExtraProcessCpu">overviewExtraProcessCpu</span><strong
|
|
id="overview-extra-extra_process_cpu">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraProcessCpu" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_process_cpu-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="overview-extra-extra_process_cpu-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_process_rss" hidden>
|
|
<span data-i18n="overviewExtraProcessRss">overviewExtraProcessRss</span><strong
|
|
id="overview-extra-extra_process_rss">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraProcessRss" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_process_rss-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="overview-extra-extra_process_rss-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_process_fds" hidden>
|
|
<span data-i18n="overviewExtraProcessFds">overviewExtraProcessFds</span><strong
|
|
id="overview-extra-extra_process_fds">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_process_fds-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraProcessFds" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_process_fds-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_process_fds-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_open_connections" hidden>
|
|
<span data-i18n="overviewExtraOpenConnections">overviewExtraOpenConnections</span><strong
|
|
id="overview-extra-extra_open_connections">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraOpenConnections" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_open_connections-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_open_connections-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_websocket_active" hidden>
|
|
<span data-i18n="overviewExtraWebsocketActive">overviewExtraWebsocketActive</span><strong
|
|
id="overview-extra-extra_websocket_active">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraWebsocketActive" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_websocket_active-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_websocket_active-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_tls_error_rate" hidden>
|
|
<span data-i18n="overviewExtraTlsErrorRate">overviewExtraTlsErrorRate</span><strong
|
|
id="overview-extra-extra_tls_error_rate">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraTlsErrorRate" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_tls_error_rate-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="overview-extra-extra_tls_error_rate-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_request_error_rate" hidden>
|
|
<span data-i18n="overviewExtraRequestErrorRate">overviewExtraRequestErrorRate</span><strong
|
|
id="overview-extra-extra_request_error_rate">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraRequestErrorRate" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_request_error_rate-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_request_error_rate-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-donut" data-dashboard-widget="extra_cache_hit_rate" hidden>
|
|
<span data-i18n="overviewExtraCacheHitRate">Cache hits share (recent)</span>
|
|
<div class="overview-donut-row">
|
|
<svg class="overview-donut-svg" id="extra-cache-ratio-chart" role="img"
|
|
aria-label="Recent cache HIT and MISS distribution" viewBox="0 0 64 64">
|
|
<circle class="overview-donut-track" cx="32" cy="32" r="24"></circle>
|
|
<circle class="overview-donut-hit" id="extra-cache-ratio-hit-arc" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100"></circle>
|
|
<circle class="overview-donut-miss" id="extra-cache-ratio-miss-arc" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100"></circle>
|
|
</svg>
|
|
<div class="overview-donut-info">
|
|
<strong id="overview-extra-extra_cache_hit_rate">-</strong>
|
|
<small class="overview-donut-legend" id="overview-extra-extra_cache_hit_rate-detail">
|
|
<span class="overview-donut-hit-key"><i></i>HIT <b id="extra-cache-ratio-hit-count">0</b></span>
|
|
<span class="overview-donut-miss-key"><i></i>MISS <b id="extra-cache-ratio-miss-count">0</b></span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_cache_memory">
|
|
<span data-i18n="overviewExtraCacheMemory">overviewExtraCacheMemory</span><strong
|
|
id="overview-extra-extra_cache_memory">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_cache_memory-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraCacheMemory" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_cache_memory-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_cache_memory-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_cold_queue_memory">
|
|
<span data-i18n="overviewExtraColdQueueMemory">COLD queue RAM utilization</span>
|
|
<strong id="overview-extra-extra_cold_queue_memory">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_cold_queue_memory-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraColdQueueMemory" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_cold_queue_memory-meter-fill"></span>
|
|
</div>
|
|
<small id="overview-extra-extra_cold_queue_memory-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_cold_storage">
|
|
<span data-i18n="overviewExtraColdStorage">COLD disk utilization</span>
|
|
<strong id="overview-extra-extra_cold_storage">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_cold_storage-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraColdStorage" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_cold_storage-meter-fill"></span>
|
|
</div>
|
|
<small id="overview-extra-extra_cold_storage-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_h2_share" hidden>
|
|
<span data-i18n="overviewExtraH2Share">overviewExtraH2Share</span><strong
|
|
id="overview-extra-extra_h2_share">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_h2_share-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraH2Share" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_h2_share-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_h2_share-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_response_latency" hidden>
|
|
<span data-i18n="overviewExtraResponseLatency">overviewExtraResponseLatency</span><strong
|
|
id="overview-extra-extra_response_latency">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraResponseLatency" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_response_latency-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_response_latency-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_backend_unhealthy" hidden>
|
|
<span data-i18n="overviewExtraBackendUnhealthy">overviewExtraBackendUnhealthy</span><strong
|
|
id="overview-extra-extra_backend_unhealthy">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraBackendUnhealthy" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_backend_unhealthy-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_backend_unhealthy-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_backends_healthy" hidden>
|
|
<span data-i18n="overviewExtraBackendsHealthy">overviewExtraBackendsHealthy</span><strong
|
|
id="overview-extra-extra_backends_healthy">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_backends_healthy-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraBackendsHealthy" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_backends_healthy-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_backends_healthy-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_error_share" hidden>
|
|
<span data-i18n="overviewExtraErrorShare">overviewExtraErrorShare</span><strong
|
|
id="overview-extra-extra_error_share">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraErrorShare" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_error_share-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_error_share-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_rejected_rate" hidden>
|
|
<span data-i18n="overviewExtraRejectedRate">overviewExtraRejectedRate</span><strong
|
|
id="overview-extra-extra_rejected_rate">-</strong>
|
|
<svg preserveAspectRatio="none" data-i18n-aria="overviewExtraRejectedRate" role="img" viewBox="0 0 300 60">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_rejected_rate-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_rejected_rate-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_cert_expiry" hidden>
|
|
<span data-i18n="overviewExtraCertExpiry">overviewExtraCertExpiry</span><strong
|
|
id="overview-extra-extra_cert_expiry">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_cert_expiry-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraCertExpiry" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_cert_expiry-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_cert_expiry-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_total_rps" hidden>
|
|
<span data-i18n="overviewExtraTotalRps">HTTP requests / s</span><strong
|
|
id="overview-extra-extra_total_rps">-</strong>
|
|
<svg preserveAspectRatio="none" viewBox="0 0 300 60" role="img" aria-label="HTTP requests / s">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_total_rps-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="overview-extra-extra_total_rps-detail" hidden></small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_active_exchanges" hidden>
|
|
<span data-i18n="overviewExtraActiveExchanges">Active HTTP exchanges</span><strong
|
|
id="overview-extra-extra_active_exchanges">-</strong>
|
|
<svg preserveAspectRatio="none" viewBox="0 0 300 60" role="img" aria-label="Active HTTP exchanges">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_active_exchanges-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_active_exchanges-detail" hidden></small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_h1_share" hidden>
|
|
<span data-i18n="overviewExtraH1Share">HTTP/1.1 share</span><strong id="overview-extra-extra_h1_share">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_h1_share-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraH1Share" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_h1_share-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_h1_share-detail" hidden></small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="extra_h3_share" hidden>
|
|
<span data-i18n="overviewExtraH3Share">HTTP/3 share</span><strong id="overview-extra-extra_h3_share">-</strong>
|
|
<div class="overview-meter" id="overview-extra-extra_h3_share-meter" role="progressbar"
|
|
data-i18n-aria="overviewExtraH3Share" aria-valuemin="0" aria-valuemax="100" aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="overview-extra-extra_h3_share-meter-fill"></span>
|
|
</div><small id="overview-extra-extra_h3_share-detail" hidden></small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_cache_miss_rate" hidden>
|
|
<span data-i18n="overviewExtraCacheMissRate">Cache misses / s</span><strong
|
|
id="overview-extra-extra_cache_miss_rate">-</strong>
|
|
<svg preserveAspectRatio="none" viewBox="0 0 300 60" role="img" aria-label="Cache misses / s">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_cache_miss_rate-line" points="0,55 300,55">
|
|
</polyline>
|
|
</svg><small id="overview-extra-extra_cache_miss_rate-detail" hidden></small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="extra_backend_active" hidden>
|
|
<span data-i18n="overviewExtraBackendActive">In-flight backend requests</span><strong
|
|
id="overview-extra-extra_backend_active">-</strong>
|
|
<svg preserveAspectRatio="none" viewBox="0 0 300 60" role="img" aria-label="In-flight backend requests">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line" id="overview-extra-extra_backend_active-line" points="0,55 300,55"></polyline>
|
|
</svg><small id="overview-extra-extra_backend_active-detail" hidden></small>
|
|
</article>
|
|
<!-- RP_METRICS_SPLIT -->
|
|
<article class="stat stat-donut" data-dashboard-widget="www_status" hidden>
|
|
<span data-i18n="webMetricStatus">webMetricStatus</span>
|
|
<div class="overview-donut-row">
|
|
<svg class="overview-donut-svg" id="www_status-chart" role="img" viewBox="0 0 64 64" aria-label="WWW status"
|
|
data-i18n-aria="webMetricStatus">
|
|
<circle class="overview-donut-track" cx="32" cy="32" r="24"></circle>
|
|
<circle class="www-ring-arc www-ring-0" id="www_status-arc-0" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
<circle class="www-ring-arc www-ring-1" id="www_status-arc-1" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
<circle class="www-ring-arc www-ring-2" id="www_status-arc-2" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
<circle class="www-ring-arc www-ring-3" id="www_status-arc-3" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
</svg>
|
|
<div class="overview-donut-info"><strong id="www_status-value">-</strong><small
|
|
class="overview-donut-legend www-ring-legend"><span><i class="www-dot-0"></i>2xx
|
|
<b id="www_status-count-0">0</b></span>
|
|
<span><i class="www-dot-1"></i>3xx <b id="www_status-count-1">0</b></span>
|
|
<span><i class="www-dot-2"></i>4xx <b id="www_status-count-2">0</b></span>
|
|
<span><i class="www-dot-3"></i>5xx <b id="www_status-count-3">0</b></span></small></div>
|
|
</div>
|
|
</article>
|
|
<article class="stat stat-donut" data-dashboard-widget="www_kind" hidden>
|
|
<span data-i18n="webMetricKind">webMetricKind</span>
|
|
<div class="overview-donut-row">
|
|
<svg class="overview-donut-svg" id="www_kind-chart" role="img" viewBox="0 0 64 64" aria-label="Static / PHP"
|
|
data-i18n-aria="webMetricKind">
|
|
<circle class="overview-donut-track" cx="32" cy="32" r="24"></circle>
|
|
<circle class="www-ring-arc www-ring-0" id="www_kind-arc-0" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
<circle class="www-ring-arc www-ring-1" id="www_kind-arc-1" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
<circle class="www-ring-arc www-ring-2" id="www_kind-arc-2" cx="32" cy="32" r="24" pathLength="100"
|
|
stroke-dasharray="0 100" />
|
|
</svg>
|
|
<div class="overview-donut-info"><strong id="www_kind-value">-</strong><small
|
|
class="overview-donut-legend www-ring-legend"><span><i class="www-dot-0"></i>Static <b
|
|
id="www_kind-count-0">0</b></span>
|
|
<span><i class="www-dot-1"></i>PHP <b id="www_kind-count-1">0</b></span>
|
|
<span><i class="www-dot-2"></i>Other <b id="www_kind-count-2">0</b></span></small></div>
|
|
</div>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="www_capacity" hidden>
|
|
<span data-i18n="webMetricCapacity">webMetricCapacity</span><strong id="www_capacity-value">-</strong>
|
|
<div class="overview-meter" id="www_capacity-meter" role="progressbar" aria-valuemin="0" aria-valuemax="100"
|
|
aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="www_capacity-meter-fill"></span>
|
|
</div><small id="www_capacity-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-meter" data-dashboard-widget="www_error_rate" hidden>
|
|
<span data-i18n="webMetricErrorRate">webMetricErrorRate</span><strong id="www_error_rate-value">-</strong>
|
|
<div class="overview-meter" id="www_error_rate-meter" role="progressbar" aria-valuemin="0" aria-valuemax="100"
|
|
aria-valuetext="-">
|
|
<span class="overview-meter-fill" id="www_error_rate-meter-fill"></span>
|
|
</div><small id="www_error_rate-detail">-</small>
|
|
</article>
|
|
<article class="stat" data-dashboard-widget="www_methods" hidden>
|
|
<span data-i18n="webMetricMethods">HTTP Methods</span><strong id="www_methods-value">-</strong>
|
|
<div class="www-segmented" id="www_methods-bar" role="img" aria-label="HTTP method share"
|
|
data-i18n-aria="webMetricMethods"><span class="www-segment-0" id="www_methods-segment-0"></span><span
|
|
class="www-segment-1" id="www_methods-segment-1"></span><span class="www-segment-2"
|
|
id="www_methods-segment-2"></span><span class="www-segment-3" id="www_methods-segment-3"></span><span
|
|
class="www-segment-4" id="www_methods-segment-4"></span></div>
|
|
<small class="www-method-legend" id="www_methods-detail">-</small>
|
|
</article>
|
|
<article class="stat stat-chart" data-dashboard-widget="www_php_requests" hidden>
|
|
<span data-i18n="webMetricPhpRequests">PHP requests/s</span><strong id="www_php_requests-value">-</strong>
|
|
<svg preserveAspectRatio="none" role="img" viewBox="0 0 300 60" aria-label="PHP requests per second"
|
|
data-i18n-aria="webMetricPhpRequests">
|
|
<path class="chart-grid" d="M0 15H300 M0 30H300 M0 45H300"></path>
|
|
<polyline class="diagnostic-line proto-h2-line" id="www_php_requests-line" points="0,55 300,55"></polyline>
|
|
</svg>
|
|
</article> |