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 está equipada 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 ejecutarse 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:
- Agregue una nueva canalización de producción, si desea definir las rutas que evaluará la auditoría.
- Agregue una nueva canalización que no sea de producción, si desea habilitar la auditoría en una canalización front-end o de desarrollo de pila completa.
- O puede 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 usar la auditoría de experiencias, debe seleccionar la casilla de verificación Auditoría de experiencias en la pestaña Código Source.
- Esto solo es necesario para canalizaciones que no sean de producción.
- La ficha 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, usted define las rutas que deben incluirse en la auditoría de experiencias en la pestaña Auditoría de experiencias.
- Las rutas de acceso a la página deben comenzar por
/y son relativas al sitio. - Por ejemplo, si el sitio es
wknd.sitey desea incluir ahttps://wknd.site/us/en/about-us.htmlen la auditoría de experiencias, escriba la ruta de acceso/us/en/about-us.html.
- Las rutas de acceso a la página deben comenzar por
-
Pulse o haga clic en Agregar página, y la ruta se completará automáticamente con la dirección de su entorno y se agregará 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 fase Prueba de fase de la canalización de producción a través de la página ejecución de la canalización de producción.
La auditoría de experiencias proporciona la mediana de las puntuaciones de Google Lighthouse para las páginas configuradas y la diferencia de puntuación con respecto al análisis anterior.
Desde esta vista de resumen en la fase Prueba de ensayo de la canalización, tiene dos opciones:
Además del resumen presentado en los detalles de la ejecución de una canalización, también puede acceder directamente a los resultados completos de la auditoría utilizando la pestaña Informes del panel de Cloud Manager para acceder directamente a el informe completo.
- Si desea obtener detalles 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 ejecutar 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 Problemas de contadores de auditoría de experiencias.
- Para obtener sugerencias generales de rendimiento, consulte la sección Sugerencias generales de rendimiento.
Ver páginas más lentas view-slowest-pages
Al tocar o hacer clic en Ver páginas más lentas, se abre el cuadro de diálogo Más lentas 5 páginas, que muestra las cinco páginas de menor rendimiento que configuró para auditar.
Las puntuaciones se desglosan por Rendimiento, Accesibilidad, Prácticas recomendadas y SEO, junto con la desviación de cada métrica de 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 usando el conmutador 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 detallada, pulsa o haz clic en Ver informe completo.
Ver informe completo view-full-report
Para ver el informe completo de auditoría de experiencias, haga lo siguiente:
- Tocando o haciendo clic en Ver informe completo en el cuadro de diálogo Más lento: 5 páginas.
- Tocando o haciendo clic en Ver informe completo al ver la ejecución de una canalización.
- Toque o haga clic en la ficha Informes en Cloud Manager.
Se abre la pestaña Informes de Cloud Manager, donde se muestra Auditoría de experiencias.
El informe se divide en dos áreas:
Puntuaciones de la página de Lighthouse: tendencia trend
De manera predeterminada, la vista seleccionada para puntuaciones de página - tendencia es puntuaciones medias para los últimos 6 meses.
Utilice los menús desplegables Seleccionar y Ver de la parte superior e inferior del botón del gráfico para seleccionar detalles específicos de la página y diferentes lapsos de tiempo, respectivamente. Pulse o haga clic en y en el botón actualizar tendencia de 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. Pulse o haga clic en abrir análisis de auditoría de experiencias para cargar los resultados de ese análisis en la sección Resultados del análisis de auditoría de experiencias.
Resultados del análisis de auditoría de experiencias scan-results
La sección Resultados del análisis de auditoría de experiencias proporciona recomendaciones sobre cómo mejorar su puntuación y detalles de todas las páginas digitalizadas. Se divide en dos secciones:
Recomendaciones recommendations
La sección Recommendations muestra un conjunto agregado de datos. De manera predeterminada, se muestran las recomendaciones de rendimiento. Utilice la lista desplegable situada junto al encabezado Recommendations 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.
Pulse o haga clic en el vínculo ver páginas de la vista de detalles para ver las páginas a las que se aplica la recomendación.
Páginas digitalizadas scanned-pages
La sección Páginas digitalizadas proporciona puntuaciones de detalles en todas las páginas digitalizadas. Puede usar los botones Anterior y Siguiente para hojear los resultados y elegir cuántos elementos se mostrarán en la pantalla.
Al tocar o hacer clic en el vínculo de una página en particular, se actualiza el filtro Seleccionar de Puntuaciones de página - tendencia sección y se muestra la pestaña Puntuaciones y recomendaciones de la página seleccionada.
La ficha Informes sin procesar le proporciona puntuaciones para cada auditoría de la página. Toque o haga clic en el icono Descargar para recuperar un archivo JSON de los datos sin procesar.
Se abrirá una nueva pestaña en su explorador, que apuntará a https://googlechrome.github.io/lighthouse/viewer/ con una URL firmada del informe Notación de objetos de JavaScript (JSON) sin procesar de Lighthouse para la página seleccionada, el cual se abrirá automáticamente para su 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 a la ficha Informes para ver el informe de auditoría completo y, a continuación, toque o haga clic en el botón Ejecutar análisis.
Los análisis bajo demanda almacenan en déclencheur una auditoría de experiencias para las últimas 25 páginas configuradas y, por lo general, finalizan 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 según el tipo de déclencheur usando el selector Déclencheur.
La auditoría de experiencias encuentra problemas issues
Si las páginas que configuró para auditar 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 visualiza el informe completo, los detalles se muestran en la sección Resultados del análisis de auditoría de experiencias.
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.
- Usar
<picture>y la imagensrcsetcon diferentes tamaños de imagen para diferentes tamaños de ventanilla (y asegurarse de que funciona el cambio de tamaño).
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 las rutas configuradas de la página Auditoría de experiencias muestran el dominio
.comdel editor, la auditoría analiza el dominio de origen (.net) para garantizar que se detecten los problemas introducidos durante el desarrollo.- El dominio
.comusa una red de distribución de contenido (CDN) y podría arrojar mejores puntuaciones o contener resultados en caché.
- El dominio
-
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 el menú desplegable Seleccionar de la sección Puntuaciones de página - tendencia 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.