PREGUNTAS FRECUENTES: CREACIÓN DE ARCHIVOS HAR

¿QUÉ ES UN ARCHIVO HAR?

HAR es la abreviatura de HTTP ARchive, que muestra un registro de todas las solicitudes que hace un navegador con un sitio web.

Los archivos HAR se utilizan para solucionar cualquier problema que los usuarios puedan tener con un sitio web para diagnosticar problemas de rendimiento como:

  • Tiempos de carga lentos
  • Formatos de archivo incorrectos
  • Activos faltantes
  • Tiempos de espera con tareas en ejecución
¿Cómo se genera un archivo HAR?

Hay diferentes formas de generar un archivo HAR según el navegador que esté utilizando. A continuación, encontrará los métodos para los siguientes navegadores: Google Chrome, Firefox, Safari, Microsoft Edge e Internet Explorer 11

GENERACIÓN DE UN ARCHIVO HAR EN GOOGLE CHROME

Paso 1:

Navegue a la página con el problema

Paso 2:

Una vez que esté en la página, use el atajo de teclado Command+Option+J para Mac para entrar en Chrome Dev Tools o pulse F12 o Control+Shift+I en Linux o Windows.

Si todo salió bien, la ventana de su navegador debería mostrar la siguiente pantalla (DevTools):

Pestaña Consola de DevTools de Chrome (v77.0.3865.120 compilación de 64 bits)

Paso 3:

Debería ver la pantalla Consola seleccionada en la parte superior izquierda de la nueva pantalla.

Paso 4:

Haga clic en la pestaña Red y su pantalla debería cambiar como se muestra a continuación:

Pestaña Red de DevTools

Paso 5:

En la pantalla Network, asegúrese de marcar las casillas Preservar Registro e Desactivar Caché en la parte superior izquierda. El ejemplo anterior ya tiene seleccionados Preservar Registro e Desactivar Caché .

Paso 6:

Actualice la página para registrar el tráfico de red entre su navegador y el sitio web.

Step 7:

Una vez que el sitio web haya terminado de cargarse, haga clic con el botón derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como se muestra a continuación:

Opciones de clic derecho (pestaña Red)

Paso 8:

Seleccione la opción Guardar todo como HAR con contenido. Debería aparecer un cuadro de diálogo para darle la opción de guardar el archivo en su ordenador.

Seleccione: "Guardar todo como HAR con contenido"

Paso 9:

¡Listo! Ahora puede revisar el archivo antes de enviárnoslo para la resolución del problema.

GENERACIÓN DE UN ARCHIVO HAR EN FIREFOX

Paso 1:

Navegue a la página con el problema

Paso 2:

Una vez que esté en la página, use el atajo de teclado Command+Option+I para abrir la Consola de Desarrollador Web.

Si todo salió bien, la ventana de su navegador debería mostrar la siguiente pantalla:

Pantalla de desarrollador web de Firefox (v69.0 64 bits)

Paso 3:

Debería ver la pantalla Consola seleccionada en la parte superior izquierda de la nueva pantalla.

Paso 4:

Haga clic en la pestaña Red y su pantalla debería cambiar como se muestra a continuación:

Pestaña Red del desarrollador web de Firefox

Paso 5:

En la pantalla Network, asegúrese de marcar las casillas Registro Persistente e Desactivar Caché en la parte superior izquierda.

El ejemplo anterior ya tiene seleccionados Registro Persistente y Desactivar Caché. Registro Persistente e Desactivar Caché .

Paso 6:

Actualice la página para registrar el tráfico de red entre su navegador y el sitio web.

La pantalla debería verse como se muestra a continuación:

Pestaña Red del desarrollador web de Firefox

Step 7:

Una vez que el sitio web haya terminado de cargarse, haga clic con el botón derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como se muestra a continuación:

Pantalla de opciones

Paso 8:

Seleccione la opción Guarda todo como HAR. Debería aparecer un cuadro de diálogo para darle la opción de guardar el archivo en su ordenador.

Seleccione: "Guarda todo como HAR"

Paso 9:

¡Listo! Ahora puede revisar el archivo antes de enviárnoslo para su revisión.

GENERANDO UN ARCHIVO HAR EN SAFARI

Paso 1:

Navegue a la página con el problema

Paso 2:

Una vez que esté en la página, use el atajo de teclado Command+Option+I para abrir el Inspector web de Safari..

Si todo salió bien, la ventana de su navegador debería mostrar la siguiente pantalla (Inspector de web):

Pestaña Console del Inspector Web de Safari (versión 12.0.3)

Paso 3:

Por defecto, Consola es la primera pantalla que se muestra, pero también se abrirá la ventana que usó la última vez.

Paso 4:

Si aún no está en la pestaña Red, haga clic en la pestaña Red en la parte superior izquierda de la ventana del Inspector Web y su pantalla debería cambiar como se muestra a continuación:

Pestaña Red del Inspector Web de Safari

Paso 5:

En la pantalla Network, asegúrese de marcar las casillas Preservar Registro e Desactivar Caché en la parte superior izquierda. El ejemplo anterior ya tiene seleccionados Preservar Registro e Desactivar Caché .

Paso 6:

Actualice la página para registrar el tráfico de red entre su navegador y el sitio web.

Step 7:

Una vez que el sitio web haya terminado de cargarse, haga clic con el botón derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como se muestra a continuación:

Opciones de clic derecho (pestaña Red)

Paso 8:

Seleccione la opción Exportar HAR. Debería aparecer un cuadro de diálogo para darle la opción de guardar el archivo en su ordenador.

Seleccione: "Guardar todo como HAR con contenido"

Paso 9:

¡Listo! Ahora puede revisar el archivo antes de enviárnoslo para la resolución del problema.

GENERACIÓN DE UN ARCHIVO HAR EN MICROSOFT EDGE

Paso 1:

Navegue a la página con el problema

Paso 2:

Una vez que esté en la página, pulse la tecla F12 para abrir el Herramientas de Desarrollador.

Si todo salió bien, la ventana de su navegador debería mostrar la siguiente pantalla (Inspector de web):

Pestaña Elementos de las Herramientas de Desarrollador de Microsoft Edgeo (v44.17)

Por defecto, la pantalla Elements es la primera que se muestra.

Paso 3:

Si aún no está en la pestaña Red, haga clic en la pestaña Red en la parte superior izquierda de la ventana del Inspector de web y su pantalla debería cambiar como se muestra a continuación:

Pestaña Red de Herramientas de Desarrollador de Microsoft Edge

Paso 4:

En la pantalla Red, actualice la página para que el navegador registre la actividad de la red desde la carga inicial.

Paso 5:

Una vez que el sitio web haya terminado de cargarse, haga clic en el icono de Disquete (que se muestra a continuación) para guardar el archivo HAR.

Haga clic en el icono del disquete para guardar la actividad de la red (HAR)

Paso 6:

¡Listo! Ahora puede revisar el archivo antes de enviárnoslo para la resolución del problema.

GENERACIÓN DE UN ARCHIVO HAR EN INTERNET EXPLORER 11

Paso 1:

Navegue a la página con el problema

Paso 2:

Una vez que esté en la página, pulse la tecla F12 para abrir el Herramientas de Desarrollador.

Si todo salió bien, la ventana de su navegador debería mostrar la siguiente pantalla (Inspector de web):

Pestaña Elementos de Herramientas de Desarrollador de Internet Explorer (v11.8)

Por defecto, la pantalla Consola es la primera que se muestra.

Paso 3:

Si aún no está en la pestaña Consola , haga clic en la pestaña Red en la parte superior izquierda de la ventana del Inspector Web y su pantalla debería cambiar como se muestra a continuación:

Pestaña Red de Herramientas de Desarrollador de Microsoft Edge

Paso 4:

En la pantalla Red, actualice la página para que el navegador registre la actividad de la red desde la carga inicial.

Paso 5:

Una vez que el sitio web haya terminado de cargarse, haga clic en el icono de Disquete (que se muestra a continuación) para guardar el archivo HAR.

Haga clic en el icono del disquete para guardar la actividad de la red (HAR)

Paso 6:

¡Listo! Ahora puede revisar el archivo antes de enviárnoslo para la resolución del problema.