Estás leyendo la publicación: Cómo usar Chrome UX Report para mejorar el rendimiento de su sitio
Medir el éxito en el rendimiento del sitio web es una tarea complicada para los propietarios de pequeñas empresas.
Puede ser fácil aplicar el mismo enfoque que funciona al evaluar la viabilidad en toda una empresa.
Números en blanco y negro, duros y rápidos. Resultados.
La verdad del rendimiento del sitio web es más una exploración de múltiples capas de RUM (mediciones de usuarios reales) dentro del contexto de la web en general.
Observar RUM, como el rendimiento, la carga de la página y las vistas de la página, brinda una imagen detallada de los datos duros.
Sin embargo, los datos RUM son solo una parte de una ecuación más grande para medir el impacto y el éxito de un sitio web.
El quid de la cuestión: el estado de la web tal como lo experimentan los usuarios reales
Para ser verdaderamente informativo y entregar datos procesables, debe equilibrar las experiencias de los usuarios en su sitio dentro del alcance de la experiencia del usuario en Internet.
Dar un paso atrás permite a las empresas comprender el rendimiento de su sitio y saber dónde se ubican esas métricas dentro de una amplia gama de parámetros.
Aquí es donde el Informe de experiencia de usuario de Chrome entra en liza.
Hacer que los datos de rendimiento web a gran escala sean accesibles para las masas
Establecido por primera vez por Google en 2017, Chrome UX Report es un conjunto de datos disponible públicamente de mediciones de usuarios reales.
También conocido como el informe CrUX, recopila datos de rendimiento del sitio web para usuarios de Chrome de millones de sitios web.
Si esos datos solo se compilaran, sería un recurso increíble, pero difícil de utilizar. Sin embargo, cuando se combina con el programa correcto, los datos se transforman.
Cuando se utiliza correctamente, el Informe CrUX transforma una inmensa colección de datos de rendimiento web en un recurso claro y accesible.
Para comprender mejor los datos compilados en el Informe CrUX y la mejor manera de utilizarlos, debemos dar un paso atrás.
Es hora de revisar Chrome Vitales principales de la web.
La experiencia de la página y la experiencia del usuario son un resultado directo de la salud de un sitio web
Google siempre está buscando formas innovadoras y vanguardistas de brindar a los usuarios una experiencia en línea fluida y nítida.
Una piedra angular importante de ese esfuerzo es el trabajo de Google que permite a los propietarios de sitios web maximizar sus sitios.
Cuando los propietarios de sitios web ofrecen sitios beneficiosos y fáciles de usar de manera efectiva, todos ganan.
Sin embargo, la única forma de lograr el éxito en un esfuerzo es saber cuáles son las reglas y los estándares.
En mayo de 2020, Google lanzó un nuevo conjunto de métricas para ayudar a evaluar el rendimiento del sitio web a medida que impactaba en la experiencia del usuario.
Estos fueron sus Core Web Vitals.
El objetivo era despejar detalles menores y arbitrarios que enturbiaban el agua.
Para hacerlo, Google redujo la puntuación de la experiencia del usuario de un sitio web a tres medidas principales:
- LCP (La mayor pintura con contenido).
- DEFENSOR (Retardo de la primera entrada).
- CLS (Cambio de diseño acumulativo).
Core Web Vitals se basa en el papel crucial de la experiencia de la página en la experiencia del usuario más amplia.
¿Cómo define Google experiencia de página?
Para sus propósitos, la experiencia de la página mide cómo los usuarios perciben su experiencia al interactuar con una página web individual.
Partiendo de eso, definen CWV como:
“Un conjunto de métricas centradas en el usuario del mundo real que cuantifican aspectos clave de la experiencia del usuario. Miden dimensiones de la usabilidad web, como el tiempo de carga, la interactividad y la estabilidad del contenido mientras se carga”.
Cuando se fusionan, los tres elementos de Core Web Vitals (LCP, FID y CLS) brindan una perspectiva poderosa.
En conjunto, los resultados de CWV brindan una imagen precisa de la experiencia de la página de un usuario en un sitio web individual.
Esta experiencia de página define en última instancia su experiencia de usuario en su conjunto cuando utiliza el motor de búsqueda de Google.
Un año después del anuncio inicial, se hizo permanente.
Google finalizó la integración de las nuevas métricas con la inclusión permanente de Core Web Vitals en su algoritmo.
Core Web Vitals se centra en la velocidad, la capacidad de respuesta y la estabilidad visual del sitio web. Sin embargo, cabe señalar que son parte de un panorama amplio.
El algoritmo de búsqueda de Google siempre está evolucionando, un desafío que exige vigilancia por parte de los operadores profesionales de SEO.
Según los informes, hubo una vez más de 200 factores de clasificación.
Hoy en día, algunos tienen un peso mucho mayor y se estudian en toda la industria.
Estos factores siguen evolucionando a medida que Google se adapta a los nuevos datos y al comportamiento de los usuarios.
La mejor práctica es revisar sus factores de clasificación año tras año.
Desglosando el algoritmo de búsqueda de Google
A pesar del manto de sabiduría que lo ha cubierto a lo largo de los años, el algoritmo de búsqueda de Google tiene una base definitiva.
Se basa en el compromiso de la empresa de garantizar una experiencia de búsqueda fluida y eficiente para todos los usuarios.
Google moldea continuamente su algoritmo de búsqueda durante todo el año para satisfacer mejor las demandas presentes y futuras de la población mundial.
El algoritmo de búsqueda de Google se centra en una letanía de factores que fluctúa constantemente.
En respuesta, la industria de SEO se ha centrado constantemente en los elementos clave en los que centrarse cada año.
Saber dónde priorizar su enfoque al diseñar su sitio web le permite lograr una presencia óptima en las clasificaciones.
Estos pueden incluir, pero no se limitan a:
|
|
Una inmersión profunda en Core Web Vitals
Es genial comprender los roles de la página y la experiencia del usuario en la formación de las métricas que componen CWV.
Para aquellos que buscan maximizar el Informe UX de Chrome en beneficio de sus empresas, una comprensión integral es crucial. Es importante comprender las funciones de los elementos individuales del CWV.
LCP
La pintura con contenido más grande mide el rendimiento de carga de una página.
La métrica LCP cuantifica esto al evaluar la cantidad de tiempo que se tarda en cargar la mayor parte del contenido (video, imagen, bloque de texto, etc.) desde el momento en que un usuario solicita la URL.
Google recomienda que los sitios web mantengan el LCP por debajo de los 2,5 segundos durante el 75 % de las cargas de la página.
DEFENSOR
First Input Delay mide la interactividad de una página.
Más precisamente, es el tiempo entre una acción y cuando un navegador responde a esa acción.
Desde el momento en que se hace clic en un enlace, botón u otro elemento procesable hasta el momento preciso en que la página responde, transformando la página web de estática a interactiva.
Google recomienda que los sitios web mantengan su FID por debajo de los 100 milisegundos para el 75 % de las cargas de página.
CLS
El cambio de diseño acumulativo mide cada cambio de diseño que se produce en un sitio.
Comienza con cero (sin cambio), aumentando a un número positivo (en correlación con la cantidad total de cambio).
Los factores que dan como resultado el cambio van desde la apariencia de los botones, las imágenes que obligan a un bloque de texto a moverse y los anuncios publicitarios desplegables.
Google recomienda que los sitios web se esfuercen por obtener una puntuación CLS de 0,1 o menos.
Reducido a una doctrina central, uno podría argumentar simplemente: La velocidad gana.
En el contexto de la experiencia del usuario, el rendimiento de un sitio web es integral; es juzgado y medido con precisión.
Este es el quid de la métrica SI (Índice de velocidad): qué tan rápido se muestra visualmente el contenido de una página.
La velocidad de entrega y el rendimiento de la información/contenido entregado tienen una ventana extremadamente corta para ganarse a los usuarios.
Los puntajes SI recompensan aquellas páginas que cargan una gran cantidad de datos en el menor tiempo posible, lo que resulta en una mejor experiencia de usuario.
Percepción y la relación única de LCP y CLS
Cualquiera que haya interactuado alguna vez con una página web conoce el dolor de esperar a que un sitio web se cargue por completo.
Para los veteranos experimentados en Internet, los recuerdos verdaderamente difíciles se encuentran en la temida era del acceso telefónico.
Aquellos que sobrevivieron a esos tiempos oscuros podían escuchar los sonidos de la conexión a Internet de America Online (AOL) mientras dormían.
Estados Unidos está experimentando el despliegue gradual de redes móviles 5G e Internet inalámbrico 5G.
Como resultado, la velocidad ultrarrápida afecta todos los aspectos de la vida moderna; la velocidad es la expectativa.
Cuando un visitante experimenta un retraso significativo en la espera de que se cargue su sitio web, esto tiene graves consecuencias.
Afecta negativamente su percepción de su marca y, a menudo, hace que se vayan por completo.
En los esfuerzos de Google por definir el funcionamiento interno del rendimiento de la página, el proceso de carga de contenido tuvo una influencia significativa.
LCP puede parecer intimidante, pero es bastante sencillo.
En esencia, pregunta: ¿Qué tan rápido se carga el contenido más significativo de una página web?
Este contenido puede incluir varios elementos, como imágenes, etiquetas de imagen, miniaturas de video, imágenes de fondo con CSS y texto.
LCP destaca la importancia de la percepción del usuario.
¿Cuándo empieza a importarle una página web a un visitante? Cuando aparece el elemento más visible y significativo.
La brecha entre cuando un usuario hace clic por primera vez para iniciar una página y cuando ve por primera vez el contenido central puede parecer una eternidad.
Dada la naturaleza inmediata y crítica de esta primera interacción, Google recomienda que el contenido de una página individual se cargue en 2,5 segundos o menos.
¡El esfuerzo concentrado para minimizar LCP permite a los visitantes ver y experimentar un sitio web más rápido!
Y esto es genial.
Es fundamental para una experiencia de usuario de calidad y, con razón, se gana su lugar como uno de los Core Web Vitals. Pero, ¿entonces qué?
Si el sitio web que se carga para el visitante es una interacción frustrante, se niega la promesa de ese LCP prístino.
Aquí, el evento de la experiencia del usuario medido como CLS se da a conocer.
Al igual que en LCP, la percepción del usuario es fundamental para la importancia de CLS.
CLS cuantifica la estabilidad visual percibida de una página, midiendo cuánto cambia inesperadamente una página a lo largo de su vida útil.
El enfoque aquí está en la totalidad y el alcance de los cambios inesperados que experimenta un visitante.
Independientemente de cuánto tiempo pase un visitante en una página, debe esperar una experiencia fluida sin ajustes repetitivos y discordantes.
Ya sea un breve fragmento de noticias o un análisis en profundidad que requiera un desplazamiento considerable, los resultados deberían ser los mismos.
Igualmente importante, ambos sitios web también merecen ser juzgados de manera justa.
Para garantizar esto, Google creó una forma de resaltar los cambios de diseño clave, desarrollando un sistema único.
Este sistema involucró, entre muchos factores, ventanas de sesión, intervalos de sesión y cantidades de cambio de diseño.
El resultado de los esfuerzos continuos de Google es una métrica que arroja una luz muy necesaria sobre lo que es una parte masiva de la experiencia de un visitante.
La optimización de imágenes es fundamental para las estrategias LCP y CLS
Los esfuerzos de optimización para LCP y CLS resaltan la necesidad de comprender e implementar la optimización de imágenes.
Cuando revisa las técnicas que ayudan a mejorar los resultados para cualquiera de las métricas, surge un patrón consistente.
Para entregar un sitio web con Core Web Vitals de calidad, los propietarios deben ser decididos en su enfoque.
Necesitan enfocarse intencionalmente en administrar los detalles específicos de los archivos de imagen y video y el momento de su integración.
Pintura con contenido más grande
|
Cambio de diseño acumulativo
|
La importancia de la optimización de imágenes para LCP
La optimización y la compresión de imágenes son factores particularmente importantes que afectan a LCP.
Esto es especialmente cierto para los propietarios de sitios web que no pueden ajustar el tiempo de respuesta de su servidor.
La optimización de imágenes se enfoca en utilizar los atributos más efectivos para las imágenes.
Esto incluye tamaño y resolución óptimos y capitalización de formatos de archivo de vanguardia.
El último y más eficaz formato de imagen es el de Google. WebPque ofrece una compresión óptima sin pérdidas y con pérdidas para imágenes web.
Los complementos de compresión de imágenes WebP y los convertidores de carga previa manual suelen ser gratuitos y fáciles de usar.
Los atributos de ancho y alto son factores críticos para evitar el cambio de diseño acumulativo
Pocas cosas son tan agravantes como el contenido que cambia inesperadamente cuando un visitante intenta leer la información en un sitio web.
A menudo parece que el navegador está esperando el momento perfecto para atacar, justo cuando están absortos.
De repente, se produce un cambio discordante y se les deja averiguar dónde cambió su lugar.
Esta experiencia tendrá un impacto constante y negativo en la experiencia de un usuario, lo que hará que las probabilidades de retenerlo sean cada vez más difíciles.
Establecer los atributos adecuados es un paso simple pero extremadamente efectivo que el propietario de un sitio web puede tomar para prevenir CLS.
Al configurar los atributos de ancho y alto para imágenes y videos, restringen de manera preventiva el navegador a pautas específicas.
Sin las dimensiones de ancho y alto declaradas, hay pocas instrucciones para garantizar que el contenido visual no cause estragos cuando se carga.
Con imágenes receptivas, se amplifica el impacto de establecer el ancho máximo con CSS.
Esta medida se aplica a las imágenes y videos de los anuncios, destacando la importancia de reservar suficiente espacio para los anuncios en CSS.
Tomarse el tiempo para restringir el contenido del anuncio de manera efectiva garantiza que no cambie una página que ya se ha cargado.
Optimización del rendimiento de CWV para maximizar el informe CrUX
Los líderes empresariales no solo quieren que sus sitios web funcionen al máximo nivel de competencia de página. Quieren asegurarse de que atraerá y retendrá efectivamente a los visitantes.
Es más fácil rechazar a un visitante potencial del sitio que encontrar un debate en algún lugar de las redes sociales.
Los usuarios de Internet de hoy en día se centran cada vez más en los dispositivos móviles y esperan velocidades ultrarrápidas.
No solo para sobrevivir en ese mundo, sino también para prosperar, los líderes deben comprender Core Web Vitals.
Necesitan comprender los elementos entrelazados de Core Web Vitals y cómo impactan en el rendimiento.
Una vez armados con ese conocimiento y comprensión, los líderes están equipados para maximizar los beneficios del Informe CrUX.
Es fácil ver los beneficios de dejar que el Informe CrUX hable y guíe las mejores prácticas.
Más recursos:
