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?

Existen 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 y Internet Explorer 11

Generando un archivo HAR en Google Chrome

  1. Vaya a la página con el problema.
  2. Una vez que esté en la página, use el atajo de teclado Comando + Opción + J para que Mac ingrese a Chrome Dev Tools o presione F12 o Control + Shift + I en Linux o Windows

    Si tiene éxito, la ventana de su navegador debe mostrar la siguiente pantalla (DevTools):

    Pestaña Consola DevTools de Chrome (v77. 0.3865.120 Build 64 -bit)
    Pestaña Consola DevTools de Chrome (v77. 0.3865.120 Build 64 -bit)
  3. Debería ver Consola seleccionado en la parte superior izquierda de la nueva pantalla.
  4. Haga clic en la pestaña de red y su pantalla debería cambiar a algo como a continuación:
    Pestaña DevTools Network
    Pestaña DevTools Network
  5. En la pantalla de red, asegúrese de marcar las casillas Conservar registro y Desactivar el caché en la parte superior izquierda El ejemplo anterior ya tiene ambas Conservar registro y Desactivar el caché seleccionado.
  6. Actualice la página para registrar el tráfico de red entre su navegador y el sitio web.
  7. Una vez que el sitio web haya completado la carga, haga clic derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como la siguiente:
    Opciones de clic derecho (pestaña de red)
    Opciones de clic derecho (pestaña de red)
  8. Seleccione la opcion Guardar todo como HAR con contenido. Debería aparecer un cuadro de diálogo para darle una opción para guardar el archivo en su computadora.
    Seleccione: "Guardar todo como HAR con contenido"
    Seleccione: "Guardar todo como HAR con contenido"
  9. Ya terminaste! Ahora puede revisar el archivo antes de enviárnoslo para la resolución de problemas.

Generando un archivo HAR en Firefox

  1. Vaya a la página con el problema.
  2. Una vez que esté en la página, use el atajo de teclado Comando + Opción + I para abrir la consola del desarrollador web.

    Si tiene éxito, la ventana de su navegador debería mostrar la siguiente pantalla:

    Pantalla de desarrollador web de Firefox (v69. 0 64 -bit)
    Pantalla de desarrollador web de Firefox (v69. 0 64 -bit)
  3. Debería ver Consola seleccionado en la parte superior izquierda de la nueva pantalla.

  4. Haga clic en la pestaña de red y su pantalla debería cambiar a algo como a continuación:

    Ficha de red de desarrollador web de Firefox
    Ficha de red de desarrollador web de Firefox
  5. En la pantalla de red, asegúrese de marcar las casillas Registro persistente y Desactivar el caché en la parte superior izquierda

    El ejemplo anterior ya tiene ambas Registro persistente y Desactivar el caché seleccionado.

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

    La pantalla ahora debería verse a continuación:

    Ficha de red de desarrollador web de Firefox
    Ficha de red de desarrollador web de Firefox
  7. Una vez que el sitio web haya completado la carga, haga clic derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como la siguiente:

    Pantalla de opciones
    Pantalla de opciones
  8. Seleccione la opcion Guardar todo como HAR . Debería aparecer un cuadro de diálogo para darle una opción para guardar el archivo en su computadora.

    Seleccione: "Guardar todo como HAR"
    Seleccione: "Guardar todo como HAR"
  9. Ya terminaste! Ahora puede revisar el archivo antes de enviárnoslo para su revisión.

Generando un archivo HAR en Safari

  1. Vaya a la página con el problema.
  2. Una vez que esté en la página, use el atajo de teclado Comando + Opción + I para abrir el Inspector web de Safari .

    Si tiene éxito, la ventana de su navegador debe mostrar la siguiente pantalla (Web Inspector):

    Safari Web Inspector (Versión  12.0. 3) Pestaña Consola
    Safari Web Inspector (Versión 12.0. 3) Pestaña Consola
  3. Por defecto Consola es la primera pantalla que se muestra, pero también abrirá la última ventana que utilizó por última vez.
  4. Si aún no está en el Pestaña red, Clickea en el Red pestaña en la parte superior izquierda de la Ventana del inspector web y su pantalla debería cambiar a la siguiente:
    Ficha Red de Safari Web Inspector
    Ficha Red de Safari Web Inspector
  5. En la pantalla de red, asegúrese de marcar las casillas Conservar registro y Desactivar el caché en la parte superior izquierda El ejemplo anterior ya tiene ambas Conservar registro y Desactivar el caché seleccionado.
  6. Actualice la página para registrar el tráfico de red entre su navegador y el sitio web.
  7. Una vez que el sitio web haya completado la carga, haga clic derecho en cualquiera de los elementos enumerados en la tabla. Debería aparecer una lista de opciones como la siguiente:
    Opciones de clic derecho (pestaña de red)
    Opciones de clic derecho (pestaña de red)
  8. Seleccione la opcion Exportar HAR. Debería aparecer un cuadro de diálogo para darle una opción para guardar el archivo en su computadora.
    Seleccione: "Guardar todo como HAR con contenido"
    Seleccione: "Guardar todo como HAR con contenido"
  9. Ya terminaste! Ahora puede revisar el archivo antes de enviárnoslo para la resolución de problemas.

Generando un archivo HAR en Microsoft Edge

  1. Vaya a la página con el problema.
  2. Una vez que esté en la página, presione el Tecla F12 para abrir el Herramientas de desarrollo Pantalla.

    Si tiene éxito, la ventana de su navegador debe mostrar la siguiente pantalla (Web Inspector):

    Herramientas de Microsoft Edge Developer Tools (v44. 17) Pestaña Elementos
    Herramientas de Microsoft Edge Developer Tools (v44. 17) Pestaña Elementos

    Por defecto el Elementos La pantalla es la primera que se muestra.

  3. Si aún no está en el Pestaña red, Clickea en el Red pestaña en la parte superior izquierda de la Ventana del inspector web y su pantalla debería cambiar a la siguiente:
    Ficha de red de herramientas de desarrollador de Microsoft Edge
    Ficha de red de herramientas de desarrollador de Microsoft Edge
  4. En la pantalla de la red, actualice la página para que el navegador registre la actividad de la red desde la carga inicial.
  5. Una vez que el sitio web haya completado la carga, haga clic en el Icono de disquete (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)
    Haga clic en el icono del disquete para guardar la actividad de la red (HAR)
  6. Ya terminaste! Ahora puede revisar el archivo antes de enviárnoslo para la resolución de problemas.

Generando un archivo HAR en Internet Explorer 11

  1. Vaya a la página con el problema.
  2. Una vez que esté en la página, presione el Tecla F12 para abrir el Herramientas de desarrollo Pantalla.

    Si tiene éxito, la ventana de su navegador debe mostrar la siguiente pantalla (Web Inspector):

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

    Por defecto el Consola La pantalla es la primera que se muestra.

  3. Si aún no está en el Pestaña red, Clickea en el Red pestaña en la parte superior izquierda de la Ventana del inspector web y su pantalla debería cambiar a la siguiente:
    Ficha de red de herramientas de desarrollador de Microsoft Edge
    Ficha de red de herramientas de desarrollador de Microsoft Edge
  4. En la pantalla de la red, actualice la página para que el navegador registre la actividad de la red desde la carga inicial.
  5. Una vez que el sitio web haya completado la carga, haga clic en el Icono de disquete (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)
    Haga clic en el icono del disquete para guardar la actividad de la red (HAR)
  6. Ya terminaste! Ahora puede revisar el archivo antes de enviárnoslo para la resolución de problemas.