You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/es/real_user_monitoring/browser/monitoring_resource_performance.md
+40-29Lines changed: 40 additions & 29 deletions
Original file line number
Diff line number
Diff line change
@@ -35,50 +35,61 @@ Consultar [Conectar RUM y trazas ][2] para obtener información sobre cómo conf
35
35
36
36
Los datos de tiempo de red detallados para recursos se recopilan con los métodos de navegador nativos Fetch y XHR y con la [API de Performance Resource Timing][3].
|`resource.duration`| número | Tiempo total empleado en cargar el recurso. |
41
-
|`resource.size`| número (bytes) | Tamaño del recurso. |
42
-
|`resource.connect.duration`| número (ns) | Tiempo empleado en establecer una conexión con el servidor (connectEnd - connectStart). |
43
-
|`resource.ssl.duration`| número (ns) | Tiempo empleado por el protocolo TLS. Si la última solicitud no es en HTTPS, esta métrica no aparece (connectEnd - secureConnectionStart).|
44
-
|`resource.dns.duration`| número (ns) | Tiempo empleado en resolver el nombre DNS de la última solicitud (domainLookupEnd - domainLookupStart). |
45
-
|`resource.redirect.duration`| número (ns) | Tiempo empleado en las siguientes solicitudes HTTP (redirectEnd - redirectStart). |
|`resource.duration`| número | Tiempo total empleado en cargar el recurso. |
41
+
|`resource.size`| número (bytes) | Tamaño del recurso. |
42
+
|`resource.connect.duration`| número (ns) | Tiempo empleado en establecer una conexión con el servidor (connectEnd - connectStart). |
43
+
|`resource.ssl.duration`| número (ns) | Tiempo empleado por el protocolo TLS. Si la última solicitud no es en HTTPS, esta métrica no aparece (connectEnd - secureConnectionStart).|
44
+
|`resource.dns.duration`| número (ns) | Tiempo empleado en resolver el nombre DNS de la última solicitud (domainLookupEnd - domainLookupStart). |
45
+
|`resource.redirect.duration`| número (ns) | Tiempo empleado en las siguientes solicitudes HTTP (redirectEnd - redirectStart). |
46
46
|`resource.first_byte.duration`| número (ns) | Tiempo de espera empleado para recibir el primer byte de respuesta (responseStart - RequestStart). |
47
-
|`resource.download.duration`| número (ns) | Tiempo empleado para descargar la respuesta (responseEnd - responseStart). |
47
+
|`resource.download.duration`| número (ns) | Tiempo empleado para descargar la respuesta (responseEnd - responseStart). |
48
48
49
-
**Nota**: Si tienes problemas para recopilar el tiempo detallado de algunos recursos, consulta [Tiempo de recursos y CORS](#resource-timing-and-cors).
49
+
**Nota**: Si tienes problemas para recopilar los tiempos detallados de algunos recursos, consulta [Recursos de origen cruzado](#cross-origin-resources).
|`resource.status_code`| número | El código de estado de la respuesta. |
58
+
|`resource.url`| cadena | La URL del recurso. |
59
+
|`resource.url_host`| cadena | La parte de host de la URL. |
60
+
|`resource.url_path`| cadena | La parte de ruta de la URL. |
61
+
|`resource.url_query`| objecto | Las partes de la cadena de consulta de la URL desglosadas como atributos de clave/valor de parámetros de consulta. |
62
+
|`resource.url_scheme`| cadena | El nombre del protocolo de la URL (HTTP o HTTPS). |
63
+
|`resource.provider.name`| cadena | El nombre del proveedor de recursos. Por defecto es `unknown`. |
64
+
|`resource.provider.domain`| cadena | El dominio del proveedor del recurso. |
65
+
|`resource.provider.type`| cadena | El tipo de proveedor de recursos (por ejemplo, `first-party`, `cdn`, `ad`, `analytics`). |
66
+
67
+
**Nota**: Algunos campos pueden no estar disponibles en todos los navegadores. Por ejemplo, `resource.status_code` no está disponible en Safari, consulta [Compatibilidad de navegadores][3].
66
68
67
69
## Identificar recursos de terceros
68
70
69
71
RUM infiere el nombre y la categoría del proveedor de recursos de la parte de host de la URL del recurso. Si el host de la URL del recurso coincide con el host de la URL de la página actual, la categoría se configura en `first party`. En caso contrario, la categoría será `cdn`, `analytics` o `social`, por ejemplo.
70
72
71
-
## Tiempo de recursos y CORS
73
+
## Recursos de origen cruzado
72
74
73
-
La [API de tiempo de recursos][3] permite recopilar tiempo de recursos de RUM. Está sujeta a las limitaciones de seguridad de origen cruzado que los navegadores aplican a los scripts. Por ejemplo, si tu aplicación web está alojada en `www.example.com`y carga tus imágenes a través de `images.example.com`, por defecto solo obtendrás el tiempo correspondiente a los recursos cargados alojados en `www.example.com`.
75
+
Determinados tiempos y atributos de los recursos se recopilan mediante la [API de tiempo de recursos][4]. Sin embargo, cuando un recurso se origina en una URL diferente a la de la página actual (por ejemplo, una aplicación web alojada en `www.example.com`que carga recursos de `static.example.com`), la política de seguridad del navegador restringe el acceso a parte de esta información.
74
76
75
-
Para solucionarlo, activa la recopilación de datos ampliada para recursos sujetos a CORS añadiendo el encabezado de respuesta HTTP `Timing-Allow-Origin`a tus recursos de origen cruzado. Por ejemplo, para otorgar acceso al tiempo de recursos a cualquier origen, utiliza `Timing-Allow-Origin: *`. Puedes obtener más información sobre CORS en [los documentos web de MDN][4]
77
+
### Tiempos de los recursos
78
+
79
+
Para recopilar los tiempos detallados de los recursos, añade el encabezado de respuesta HTTP `Timing-Allow-Origin` a tus recursos entre orígenes. Por ejemplo, para conceder acceso a la temporización del recurso a cualquier origen, utiliza `Timing-Allow-Origin: *`. Para obtener más información sobre CORS, consulta [Información de temporización entre orígenes][5] en Documentos web de MDN.
80
+
81
+
### Código de estado del recurso
82
+
83
+
Para recopilar el código de estado del recurso, añade el encabezado de respuesta HTTP `Access-Control-Allow-Origin` y el atributo `crossorigin` al las etiquetas (tags) de HTML correspondientes para permitir el acceso a los recursos entre orígenes. Por ejemplo, para permitir el acceso al código de estado del recurso a cualquier origen, utiliza `Access-Control-Allow-Origin: *` y añade `crossorigin="anonymous"` a tus etiquetas (tags) de HTML. Para más información, consulta el encabezado [`Access-Control-Allow-Origin`][6] y el atributo [`crossorigin`][7] en los Documentos web de MDN.
0 commit comments