Rendimiento · 3 herramientas nuevas

¿A dónde va el tiempo?

Una petición es un presupuesto. FlowTrace la desglosa etapa por etapa, compite dos rutas en un mismo reloj y te entrega un enlace que reproduce la ejecución exacta que estás viendo.

01 · Presupuesto de rendimiento

Dieciséis etapas, un presupuesto.

Medianas ilustrativas, no mediciones reales
310 mstípico de extremo a extremo, ruta medianaRed + origen = 85% · el JS de cliente apenas cuenta
CLIENTE46 ms15%RED95 ms31%SERVIDOR56 ms18%ORIGEN113 ms36%
Etapas más pesadas
ORIGEN25% del presupuesto
14

Base de datos

Rango típico14-280 ms
Hazlo más rápido

Indexa la consulta, selecciona solo las columnas que necesitas y lee de una réplica cuando puedas.

02 · Comparar

Compara dos peticiones.

Dos rutas en un mismo reloj; la ejecución más corta es literalmente más corta en pantalla. Pulsa Competir y observa cómo la petición más rápida termina primero.

A
B
RECORRIDO DE INICIO DE SESIÓNRecorrido de inicio de sesiónterminada269 ms
ACIERTO DE CACHÉAcierto de cachéterminada161 ms
0135 ms269 ms
Acierto de caché
más rápida por 108 ms · 40% menos tiempo
Qué difiere
Solo en ARecorrido de inicio de sesión añade DNS, TLS, Gateway, Autenticación, Lógica del servidor, Base de datos.
Solo en BAcierto de caché añade HTTP (reutilizado), Lectura de caché.
03 · Enlaces de repetición

Comparte la traza exacta.

Cada ejecución se codifica en un enlace: escenario, modo, cámara y velocidad. Ábrelo y FlowTrace se salta la introducción e inicia la misma ejecución. Elige tu configuración abajo y la URL se escribe sola.

Menú de escenarios
Escenario?trace
Modo&mode
Cámara&cam
Velocidad&speed
Enlace de repeticiónse actualiza en vivo
https://flowtracelab.com/?trace=login&cam=free&mode=cinematic&speed=cinematic
Copia el enlace a la ejecución que has configurado.
Al abrirse, el enlace hará lo siguiente
1Saltarse la introducción y entrar directo en el lienzo
2Fijar modo · Cinematográfico y cámara · Libre
3Ejecutar a Cinematográfico
4Iniciar la traza Inicio de sesión automáticamente