tracker: adjust queueing calc, rm total timeline from view

This commit is contained in:
nick-delirium 2025-04-15 15:19:35 +02:00 committed by Delirium
parent 6f3058f9f9
commit b9e6bd6e72
2 changed files with 1 additions and 24 deletions

View file

@ -173,29 +173,6 @@ function FetchTimings({ timings }: { timings: Record<string, number> }) {
) : null}
</div>
</div>
<div className="mb-2">
<div className="relative h-6 bg-gray-lightest rounded overflow-hidden">
{timelineData
.flatMap((phase) => phase.children)
.filter((phase) => phase.width > 0)
.map((phase, index) => (
<div
key={index}
className={`absolute top-0 h-full ${phase.color} hover:opacity-80 transition-opacity`}
style={{
left: `${phase.position}%`,
width: `${Math.max(phase.width, 0.5)}%`, // Ensure minimum visibility
}}
title={`${phase.name}: ${formatTime(phase.duration)}`}
/>
))}
</div>
<div className="flex justify-between mt-1 text-xs text-gray-medium">
<div>0ms</div>
<div>{formatTime(total)}</div>
</div>
</div>
</div>
</div>
</div>

View file

@ -139,7 +139,7 @@ export default function (app: App, opts: Partial<Options>): void {
stalled = Math.max(0, entry.requestStart - entry.domainLookupEnd);
}
const timings = {
queueing: entry.domainLookupStart - entry.startTime,
queueing: entry.requestStart - entry.fetchStart,
dnsLookup: entry.domainLookupEnd - entry.domainLookupStart,
initialConnection: entry.connectEnd - entry.connectStart,
ssl: entry.secureConnectionStart > 0