Tablero de auditoría de experiencias experience-audit-dashboard

Descubra cómo la auditoría de experiencias valida el proceso de implementación y ayuda a garantizar que los cambios implementados cumplan los estándares de línea de base para el rendimiento, la accesibilidad, las prácticas recomendadas y la SEO a través de una interfaz de panel clara e informativa.

NOTE
Esta funcionalidad solo está disponible para el programa de clientes pioneros.
AEM as a Cloud Service Para obtener más información sobre la función de auditoría de experiencias existente para la, consulte el documento Pruebas de auditoría de experiencias

Información general overview

La auditoría de experiencias valida el proceso de implementación y ayuda a garantizar que los cambios implementados:

  1. Cumplan los estándares de línea de base para el rendimiento, la accesibilidad, las prácticas recomendadas, la SEO (optimización de motores de búsqueda) y la PWA (aplicación web progresiva).

  2. No introduzcan regresiones.

La auditoría de experiencias en Cloud Manager garantiza que la experiencia del usuario en el sitio sea de los más altos estándares.

Los resultados de la auditoría son informativos y permiten al administrador de implementación ver las puntuaciones y el cambio entre las puntuaciones actuales y anteriores. Esta perspectiva es importante para determinar si hay una regresión que se haya introducido con la implementación actual.

La auditoría de experiencias funciona con Google Lighthouse, una herramienta de código abierto de Google y está habilitada en todas las canalizaciones de producción de Cloud Manager.

Disponibilidad availability

La auditoría de experiencias está disponible para Cloud Manager:

  • Canalizaciones de producción de Sites, de forma predeterminada
  • Desarrollo de canalizaciones de pila completa, opcionalmente
  • Desarrollo de canalizaciones front-end, opcional

Consulte la Sección Configuración para obtener más información sobre cómo configurar la auditoría para los entornos opcionales.

Las auditorías se ejecutan como parte de la canalización. Las auditorías también pueden ejecutar bajo demanda fuera de las canalizaciones.

Configuración configuration

La auditoría de experiencias está disponible de forma predeterminada para las canalizaciones de producción. Se puede habilitar, opcionalmente, para el desarrollo de canalizaciones full-stack y front-end. En todos los casos, debe definir qué rutas de contenido se evalúan durante la ejecución de la canalización.

  1. Según el tipo de canalización que desee configurar, siga las instrucciones para:

  2. Si está agregando o editando una canalización que no es de producción para la que desea utilizar la auditoría de experiencias, debe seleccionar la Auditoría de experiencias de la casilla de verificación Código fuente pestaña.

    Habilitar la auditoría de experiencias

    • Esto solo es necesario para canalizaciones que no sean de producción.
    • El Auditoría de experiencias aparece cuando se selecciona la casilla de verificación.
  3. Tanto para las canalizaciones de producción como para las que no son de producción, debe definir las rutas que deben incluirse en la auditoría de experiencias en la Auditoría de experiencias pestaña.

    • Las rutas de página deben comenzar con / y son relativos al sitio.
    • Por ejemplo, si el sitio es wknd.site y desea incluir https://wknd.site/us/en/about-us.html en la auditoría de experiencias, introduzca la ruta /us/en/about-us.html.

    Definición de una ruta para la auditoría de experiencias

  4. Haga clic o pulse Agregar página y la ruta se completa automáticamente con la dirección de su entorno y se agrega a la tabla de rutas.

    Guardar ruta de acceso a la tabla

  5. Siga agregando rutas según sea necesario repitiendo los dos pasos anteriores.

    • Puede agregar un máximo de 25 rutas.
    • Si no define una ruta, la página principal del sitio se incluye en la auditoría de experiencias de forma predeterminada.
  6. Haga clic en Guardar para guardar la canalización.

Resultados de auditoría de experiencias results

Los resultados de la auditoría de experiencias se presentan en la Pruebas de ensayos fase de la canalización de producción a través de página ejecución de canalización de producción.

Panel en la canalización

La auditoría de experiencias proporciona la mediana de puntuaciones de Google Lighthouse para páginas configuradas y la diferencia de puntuación con respecto al análisis anterior.

Desde esta vista de resumen en la Fase de prueba fase de la canalización, tiene dos opciones:

Además del resumen presentado en los detalles de una ejecución de canalización, también puede acceder directamente a los resultados completos de la auditoría utilizando Informes del panel de Cloud Manager para acceder a el informe completo directamente.

TIP
Las secciones siguientes describen cómo ver los resultados de la auditoría de experiencias.

Ver páginas más lentas view-slowest-pages

Toque o haga clic Ver páginas más lentas abre el 5 páginas más lentas , mostrando las cinco páginas de menor rendimiento que configurado para auditar.

Cinco más lentos

Las puntuaciones se desglosan por Rendimiento, Accesibilidad, Prácticas recomendadas, y SEO junto con la desviación de cada métrica con respecto a la última auditoría.

De forma predeterminada, el cuadro de diálogo se abre con las puntuaciones de los dispositivos móviles. Puede cambiar esto a puntuaciones de escritorio mediante la variable Dispositivos en la parte superior del cuadro de diálogo.

El cuadro de diálogo está diseñado para una descripción general rápida. Para obtener información completa, toque o haga clic en Ver informe completo.

Ver informe completo view-full-report

Para ver el informe completo de auditoría de experiencias, haga lo siguiente:

El Informes de Cloud Manager se abre y muestra la pestaña Auditoría de experiencias.

Informes de auditoría de experiencias

El informe se divide en dos áreas:

Puntuaciones de la página de Lighthouse: tendencia trend

De forma predeterminada, la vista seleccionada para Puntuaciones de página: tendencia es puntuación media para el Últimos 6 meses.

Utilice el Seleccionar y Ver menús desplegables en la parte superior e inferior del botón de gráfico para seleccionar detalles específicos de la página y diferentes lapsos de tiempo, respectivamente. Pulse o haga clic en y en actualizar tendencia en la parte superior del gráfico para aplicar las selecciones y actualizar el gráfico.

Al mover el ratón sobre el gráfico, la información sobre herramientas muestra los valores de las categorías de Google Lighthouse en puntos específicos del tiempo.

Detalles de tendencia

Si pulsa o hace clic en el gráfico en un momento dado, se abrirá una ventana emergente con detalles de ese análisis. Haga clic o pulse en abrir análisis de auditoría de experience para cargar los resultados del análisis en Experimente los resultados del análisis de auditoría sección.

Seleccionar otro análisis

Resultados del análisis de auditoría de experiencias scan-results

El Experimente los resultados del análisis de auditoría ofrece recomendaciones sobre cómo mejorar su puntuación y detalles de todas las páginas digitalizadas. Se divide en dos secciones:

Recomendaciones recommendations

El Recommendations Esta sección muestra un conjunto agregado de perspectivas. De forma predeterminada, las recomendaciones para rendimiento se muestran. Utilice la lista desplegable situada junto a Recommendations encabezado para cambiar a otra categoría.

Recommendations

Pulse o haga clic en las comillas angulares de cualquier recomendación para mostrar detalles al respecto.

Detalles de recomendación

Cuando están disponibles, los detalles ampliados de la recomendación también contienen el porcentaje de impacto de las recomendaciones, para ayudarle a centrarse en los cambios más impactantes.

Haga clic o pulse en ver páginas en la vista de detalles para ver las páginas a las que se aplica la recomendación.

Páginas para los detalles de la recomendación

Páginas digitalizadas scanned-pages

El Páginas digitalizadas proporciona puntuaciones de detalles en todas las páginas digitalizadas. Puede usar el complemento Anterior y Siguiente para hojear los resultados y elegir cuántos se deben paginar en la pantalla.

Páginas digitalizadas

Al tocar o hacer clic en el vínculo de una página en particular, se actualiza el Seleccionar filtro del Puntuaciones de página: tendencia sección y muestra el Puntuaciones y recomendaciones para la página seleccionada.

Resultados de página

El Informes sin procesar le ofrece puntuaciones para cada auditoría de la página. Haga clic o pulse en Descargar para recuperar un archivo JSON de los datos sin procesar.

Informe sin procesar

Se abrirá una nueva pestaña en el explorador, que apunta a https://googlechrome.github.io/lighthouse/viewer/ con una URL firmada del informe Notación de objetos JavaScript (JSON) sin procesar de Lighthouse para la página seleccionada, que se abre automáticamente para una inspección detallada

Visualización del informe sin procesar

Informes de auditoría bajo demanda on-demand

Además de ejecutarse durante la ejecución de la canalización, los informes de auditoría de experiencias también se pueden generar bajo demanda. Esta es una buena solución para analizar rápidamente sus páginas, sin tener que ejecutar una canalización.

Para ejecutar un análisis bajo demanda, vaya al Informes para ver el informe de auditoría completo y, a continuación, toque o haga clic en Ejecutar análisis botón.

Análisis bajo demanda

Análisis bajo demanda déclencheur una auditoría de experiencias para los últimos 25 páginas configuradas y normalmente terminan en unos minutos.

Una vez finalizado, el gráfico de puntuaciones se actualizará automáticamente y puede inspeccionar los resultados exactamente como para un análisis de ejecución de canalización.

Puede filtrar el gráfico de puntuaciones en función del tipo de déclencheur utilizando Déclencheur selector.

filtro de déclencheur

NOTE
Un análisis bajo demanda solo se puede iniciar si el entorno no se elimina y no hay otros análisis pendientes en el mismo entorno.

La auditoría de experiencias encuentra problemas issues

If páginas configuradas no estaban disponibles, la auditoría de experiencias lo refleja.

La canalización muestra una sección de errores ampliable para ver las rutas URL relativas a las que no pudo acceder.

Problemas detectados por la auditoría de experiencias

Si se visualiza el informe completo, los detalles se muestran en la Experimente los resultados del análisis de auditoría sección.

Problemas completos del informe

Algunas razones por las que las páginas podrían no estar disponibles son las siguientes:

  • La configuración bloquea el acceso.
  • La página no existe.
  • La página redirige los envíos que requieren una autenticación distinta de la básica.
  • Se ha producido un problema interno.
  • Etc
TIP
Acceso a los informes sin procesar para una página puede proporcionar detalles sobre por qué no se pudo auditar la página.

Consejos generales de rendimiento performance-tips

Dos de los problemas de impacto más comunes y fáciles de solucionar están relacionados con los Cambios acumulativos de diseño (CLS) y la Pintura de contenido más grande (LCP).

Estas se pueden mejorar mediante:

  • No cargar de forma diferida las imágenes por encima del pliegue (el contenido visible en el explorador sin necesidad de desplazarse hacia abajo).
  • Priorizar correctamente cómo se cargan los recursos (por ejemplo, cargando asincrónicamente las imágenes debajo del pliegue después de cargar el documento).
  • Precarga de archivos JavaScript y CSS que se utilizan para representar contenido sobre el pliegue (si es necesario).
  • Reservar el espacio vertical asignando una relación de aspecto a los contenedores que se cargan lentamente o se procesan más adelante.
  • Convertir imágenes al formato WebP para reducir su tamaño.
  • Uso de <picture> imagen y srcset con diferentes tamaños de imagen para diferentes tamaños de ventanilla (y asegurándose de que el cambio de tamaño funcione).

Detalles de evaluación de auditoría de experiencias details

Los siguientes detalles proporcionan información adicional sobre cómo la auditoría de experiencias evalúa el sitio. No son necesarios para el uso general de la función y se proporcionan aquí para su integridad.

  • Aunque la variable rutas de página de auditoría de experiencias configuradas mostrar el .com dominio del editor, la auditoría analiza el origen (.net), para garantizar que se detecten los problemas introducidos durante el desarrollo.

    • El .com Este dominio utiliza una CDN y podría arrojar mejores puntuaciones o contener resultados en caché.
  • En las canalizaciones full-stack de producción, se analiza el entorno de ensayo.

    • Para garantizar que la auditoría proporcione los detalles relevantes durante la auditoría, el contenido del entorno de ensayo debe estar lo más cerca posible del entorno de producción.
  • Las páginas mostradas en la variable Seleccionar menú desplegable en Puntuaciones de página: tendencia sección son todas páginas conocidas que la auditoría de experiencias analizó anteriormente.

  • Una recomendación puede tener una ganancia potencial y una diferencia con respecto al análisis anterior.

    • La auditoría de experiencias calcula la ganancia potencial procesando el informe sin procesar de cada página y correlacionando los bytes o milisegundos desperdiciados con una perspectiva que tiene un impacto ponderado en la puntuación de rendimiento.
    • La auditoría proporciona esta información (así como las páginas afectadas) para ayudar a decidir qué recomendación aplicar.
    • Para obtener más información, consulte la Sección Consejos generales de rendimiento
  • Dado que una canalización de front-end podría implementarse en un entorno existente (o podría haber varias canalizaciones de front-end dirigidas al mismo entorno) y los resultados del análisis se agregan a nivel de entorno, las puntuaciones, tendencias y recomendaciones se muestran en el mismo entorno seleccionado, independientemente de la ejecución de la canalización que activó el análisis.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab