tracker: adjust queueing calc, rm total timeline from view
This commit is contained in:
parent
6f3058f9f9
commit
b9e6bd6e72
2 changed files with 1 additions and 24 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue