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.
Información general overview
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, la SEO (optimización de motores de búsqueda) y la PWA (aplicación web progresiva).
-
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.
-
Según el tipo de canalización que desee configurar, siga las instrucciones para:
- Añadir un nuevo canalización de producción, si desea definir las rutas que debe evaluar la auditoría.
- Añadir un nuevo canalización que no sea de producción, si desea habilitar la auditoría en una canalización front-end o de full-stack de desarrollo.
- O puedes editar una canalización existente, y actualizar las opciones existentes.
-
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.
- 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.
-
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 incluirhttps://wknd.site/us/en/about-us.html
en la auditoría de experiencias, introduzca la ruta/us/en/about-us.html
.
- Las rutas de página deben comenzar con
-
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.
-
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.
-
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.
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.
- Si desea obtener más información sobre cómo funciona la auditoría, consulte la sección Detalles de evaluación de auditoría de experiencias.
- Si desea saber cómo realizar una auditoría de experiencias bajo demanda, consulte la sección Informes de auditoría bajo demanda.
- Si tiene problemas con la auditoría, consulte la sección La auditoría de experiencias encuentra problemas.
- Para obtener sugerencias generales de rendimiento, consulte la sección Consejos generales de rendimiento.
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.
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:
- Toque o haga clic Ver informe completo en el 5 páginas más lentas diálogo.
- Toque o haga clic Ver informe completo al ver el ejecución de una canalización.
- Toque o haga clic en Informes en Cloud Manager.
El Informes de Cloud Manager se abre y muestra la pestaña Auditoría de experiencias.
El informe se divide en dos áreas:
Puntuaciones de la página: 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.
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.
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.
Pulse o haga clic en las comillas angulares de cualquier recomendación para mostrar detalles al respecto.
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 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.
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.
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.
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
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 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.
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.
Si se visualiza el informe completo, los detalles se muestran en la Experimente los resultados del análisis de auditoría sección.
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
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 ysrcset
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é.
- El
-
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.