Contrato de evento

Campos que espera la consulta

Campo	Tipo	Por que existe
timestamp_utc	Timestamp	Tiempo de finalización de la tarea.
route_template	Utf8	Ruta de página estable.
release	Utf8	Identificador de compilación de interfaz.
duration_ms	Float64	Duración observada de la tarea del hilo principal.
interaction_related	Boolean	Si la tarea se superpuso a una interacción medida.

DataFusionSQL

Copiar la consulta

sql

SELECT
  route_template,
  release,
  COUNT(*) AS observed_tasks,
  SUM(CASE WHEN duration_ms > 50 THEN 1 ELSE 0 END) AS long_tasks,
  SUM(CASE WHEN duration_ms > 50 THEN duration_ms - 50 ELSE 0 END)
    AS blocked_time_ms,
  100.0 * SUM(CASE WHEN duration_ms > 50 THEN 1 ELSE 0 END)
    / NULLIF(COUNT(*), 0) AS long_task_rate_pct
FROM browser_task_events
WHERE timestamp_utc >= now() - INTERVAL '7 days'
GROUP BY route_template, release
ORDER BY blocked_time_ms DESC;

Esta consulta de solo lectura se planifica y ejecuta en una tabla escrita vacía con Apache DataFusion 45.2.0. El resultado de la muestra determinista es sintético y se revisa por separado; valide tipos de campos, umbrales y definiciones comerciales con sus propios datos. Lea la metodología de prueba.

Resultado de la consulta

Tiempo de bloqueo del hilo principal por ruta

El editor crea más del doble del tiempo bloqueado a pesar de menos tareas observadas.

Comparar un campo de resultado numérico

/editor

52.180 ms

comparison 7 ms

/dashboard

23.860 ms

comparison 3 ms

route_template	release	observed_tasks	long_tasks	blocked_time_ms	long_task_rate_pct
/editor	web-103	9200	644	52.180	7
/dashboard	web-103	15.400	462	23.860	3

Salida de ejemplo sintético. Ejecute la consulta con su propio esquema de eventos y umbrales antes de utilizarla para decisiones operativas.

Blocked main-thread time by route: gráfico estático de valores sintéticos de blocked_time_ms del resultado del ejemplo Calculate Browser Long-Task Rate by Route — SVG indexable de la salida del ejemplo determinista. Descárguelo para ver un artículo, un runbook o una revisión de diseño con atribución.

Reproducir el ejemplo

Descargar el accesorio público

El paquete JSON incluye el contrato de evento escrito, illustrative filas de entrada, SQL exacto, resultado esperado, notas de revisión y versión del motor. El CSV contiene el resultado mostrado.

Accesorio JSON CSV de salida esperada Gráfico SVG estático

Cómo funciona el SQL

1El límite de 50 ms sigue la convención de tareas largas del navegador.
2El tiempo bloqueado resta los primeros 50 ms permitidos, por lo que la gravedad es aditiva.
3La agrupación de versiones admite la revisión antes y después.

Casos extremos para decidir

Se deben documentar la compatibilidad del navegador y las tasas de muestreo.
El trabajo con pestañas en segundo plano puede resultar engañoso.
Las tareas largas indican bloqueo pero no identifican la función responsable sin un perfil complementario.

Panel recomendado

Bares: blocked_time_ms por ruta
Tendencia: long_task_rate_pct por lanzamiento
Tabla: tareas largas relacionadas con la interacción

Guía de alerta

Revisar regresiones sostenidas de tiempo bloqueado después de un lanzamiento; página sólo cuando está vinculado a un flujo de trabajo crítico.

Leer configuración de alerta

Pon la receta a trabajar

Instrumentación y guías relacionadas.

Monitoreo del rendimiento del front-end Receta de Core Web Vitals Guía de creación de perfiles de código

Continuar el análisis

Ejecútelo en eventos reales.

Crea una tabla, adapta los campos y guarda el resultado.

Comience gratis, envíe eventos estructurados y utilice el resultado de la consulta como un gráfico, un widget de panel compartido o una entrada de alerta.

Obtén una clave API

Calcular la tasa de tareas largas del navegador por ruta