Usa el panel Red para analizar la carga de página y, también, inspeccionar los recursos de red.
Descripción general
El panel Red te permite hacer lo siguiente:
- Registrar la actividad de red
- Inspeccionar las solicitudes de red
- Filtrar y ordenar las solicitudes de red
- Buscar encabezados y respuestas de red
- Cambiar el comportamiento de carga
- Bloquear solicitudes de red
- Cambiar las condiciones de red
- Depurar las reglas de especulación
prefetch - Anular los encabezados de respuesta HTTP
- Anular los encabezados de varias URLs con caracteres comodín
- Guardar y exportar datos de solicitudes de red
Consulta Cómo inspeccionar la actividad de red para ver un instructivo guiado en el que se exploran algunas de las funciones más usadas del panel Red.
Cómo abrir el panel Red
Para abrir el panel Red, abre las Herramientas para desarrolladores y, luego, haz clic en Red, que se encuentra en la barra de acciones en la parte superior.
Como alternativa, para abrir el panel Red a través del menú de comandos , sigue estos pasos:
- Abre las Herramientas para desarrolladores.
- Para abrir el menú de comandos , presiona lo siguiente:
- macOS: Command+Shift+P
- Windows, Linux y ChromeOS: Control+Shift+P
- Comienza a escribir
Network, selecciona Mostrar panel de red y presiona Intro.
Cómo registrar la actividad de red
Cuando abres las Herramientas para desarrolladores, las solicitudes de red se registran automáticamente en el panel Red, siempre que las Herramientas para desarrolladores estén abiertas.
Además de registrar, puedes hacer lo siguiente:
- Detener el registro de solicitudes de red.
- Borrar todas las solicitudes de la tabla Solicitudes
- Guardar solicitudes en las cargas de página.
- Emular una experiencia sin conexión.
- Simular conexiones de red más lentas.
Cómo inspeccionar las solicitudes de red
Todas las solicitudes de red se registran en la tabla Solicitudes , que se encuentra en el centro del panel.
Para obtener más información sobre las columnas que se muestran de forma predeterminada y las adicionales que puedes agregar, consulta Cómo ver un registro de solicitudes.
Haz clic en el nombre de una solicitud para ver las pestañas con información adicional sobre la solicitud, incluidos los siguientes elementos:
- Encabezados: Los encabezados HTTP de la solicitud seleccionada
- Carga útil: Los parámetros de cadena de consulta y los datos de formulario de una solicitud.
- Vista previa: Una renderización básica del HTML.
- Respuesta: El código fuente HTML de la solicitud
- Iniciador: Lo que causó la solicitud
- Tiempo: Un desglose de la actividad de red para la solicitud seleccionada
- Cookies: Las cookies de la solicitud y su respuesta
- Sesiones vinculadas a dispositivos: El estado de aplazamiento y actualización de las sesiones vinculadas a dispositivos activos
Cómo filtrar y ordenar las solicitudes de red
El panel Red te ofrece dos formas de ordenar las solicitudes en la tabla Solicitudes:
Estas son varias formas de filtrar solicitudes en la tabla Solicitudes:
- Filtrar solicitudes por propiedades
- Filtrar solicitudes por tipo
- Filtrar solicitudes por hora
- Ocultar URLs de datos
- Ocultar las URLs de extensión
- Mostrar únicamente solicitudes con cookies de respuesta bloqueadas
- Mostrar solo las solicitudes bloqueadas
- Mostrar solo solicitudes de terceros
Cómo buscar encabezados y respuestas de red
Para obtener información sobre cómo buscar los encabezados y las respuestas HTTP de todos los recursos para una cadena o expresión regular determinada, consulta Cómo buscar encabezados y respuestas de red.
Cómo cambiar el comportamiento de carga
Prueba la experiencia del usuario de tu página cambiando el comportamiento de carga en el panel Red.
Con el panel Red , puedes hacer lo siguiente:
- Emular a un visitante por primera vez inhabilitando la caché del navegador
- Borrar manualmente la caché del navegador
- Borrar manualmente las cookies del navegador
- Emular el modo sin conexión
- Simular una conexión de red lenta
- Anular los encabezados de respuesta HTTP
- Anular el usuario-agente
Cómo guardar y exportar datos de solicitudes de red
Para guardar y exportar datos de solicitudes de red, consulta lo siguiente: