Tipos de Navegación
Martin MichálekActualizado 29/9/20253 minutos lecturaLos Tipos de Navegación muestran cómo los usuarios acceden a una página web. Pueden, por ejemplo, ingresar la URL directamente, actualizar la página o regresar a través del historial de navegación del navegador.
Conocer los diferentes tipos de navegación es crucial, ya que algunos son mucho más rápidos que otros. El objetivo desde la perspectiva de la optimización de velocidad web es mover el máximo de usuarios hacia los tipos de navegación rápidos.
¿Cómo obtener los Tipos de Navegación?
En los navegadores, están integrados en la API como PerformanceNavigationTiming.type. Google los recopila de los usuarios en el conjunto de datos Chrome UX Report (CrUX). Para su sitio web, puede obtenerlos a través del monitoreo PageSpeed.ONE PLUS.
¿Por qué son importantes los Tipos de Navegación?
Existen varias razones para seguir los Tipos de Navegación:
- Ayudan a comprender el comportamiento de los usuarios y a optimizar las páginas web para una carga más rápida, mejorando así la experiencia del usuario, SEO y otros aspectos comerciales.
- Permiten identificar problemas de carga y analizar cómo diferentes métodos de navegación afectan el rendimiento del sitio web.
- Asisten en la planificación e implementación de estrategias de almacenamiento en caché y prerenderizado, lo que conduce a un mejor rendimiento de las aplicaciones web.
Valores posibles de los Tipos de Navegación
| Tipo de navegación | Descripción |
|---|---|
navigate | Carga directa de la página por parte del usuario ingresando la URL o haciendo clic en un enlace. |
navigate_cache | Carga del documento HTML desde la caché del navegador. |
reload | Actualización de la página por parte del usuario. |
restore | La página se recargó después de un reinicio del navegador o de la pestaña por razones de memoria. |
back_forward | Desplazamiento hacia atrás o hacia adelante en el historial del navegador. |
back_forward_cache | Carga desde BFcache, que permite la visualización instantánea de la página desde el historial de navegación. |
prerender | Precarga de la página para una visualización más rápida en una solicitud futura, por ejemplo, utilizando el Speculation Rules API. |
¿Qué se puede hacer con esto?
Conocer los Tipos de Navegación le permite optimizar la visualización de la página para tipos de navegación instantáneos:
- Implementación de BFCache: Permite una carga rápida de la página al moverse en el historial del usuario.
- Caché de HTML: Almacenamiento y gestión de datos eficiente para recargas repetidas. También le permitirá mejorar el almacenamiento en caché en diferentes CDN.
- Prerenderizado: Precarga de páginas clave, por ejemplo, utilizando el Speculation Rules API.
Tipos de Navegación en el monitoreo de PageSpeed.ONE
El monitoreo PageSpeed.ONE PLUS utiliza datos sobre los Tipos de Navegación para comprender mejor las interacciones de los usuarios y optimizar los sitios web para una carga más rápida.
En el monitoreo, esto le permite observar con el tiempo cómo los diferentes tipos de navegación afectan la velocidad y la experiencia del usuario, y adaptar sus estrategias para mejorar el sitio web.
Evolución de los distintos tipos de navegación en Mall.cz.
Como puede ver en la imagen, los tipos de navegación rápidos en los sitios web a menudo ocurren solo en un pequeño porcentaje de las vistas de página. Los Tipos de Navegación pueden, por lo tanto, ser una gran y a menudo fácilmente accesible oportunidad de optimización.