Web Vitals – Factores de Google para la experiencia de usuario de un sitio web
¿Qué son las Core Web Vitals?
Las “Core Web Vitals” son un conjunto de factores específicos que Google considera importantes para la experiencia general del usuario de un sitio web. Las principales variables de la web se componen de tres medidas específicas de la velocidad de la página y la interacción del usuario: color máximo satisfactorio, retardo de la primera entrada y desplazamiento acumulativo del diseño.
En resumen, los Core WebVitals son un subconjunto de factores que forman parte de la evaluación de Google de la “experiencia de página” (básicamente, la forma que tiene Google de evaluar la UX general de su sitio).
Visión general
Web-Vitals es una iniciativa de Google para proporcionar una orientación coherente en torno a las señales de calidad, que es esencial para una gran experiencia de usuario en la web.
A lo largo de los años, Google ha proporcionado una serie de herramientas para medir e informar sobre el rendimiento. Algunos desarrolladores son expertos en el uso de estas herramientas, mientras que otros consideran que la abundancia tanto de herramientas como de métricas es un reto al que no pueden hacer frente.
Los propietarios de sitios web no necesitan ser gurús del rendimiento para comprender la calidad de la experiencia que ofrecen a sus usuarios. La iniciativa Web Vitals pretende simplificar el panorama y ayudar a los sitios a centrarse en las métricas que más importan, las Core Web Vitals.
Elementos visuales centrales de la web
Los indicadores vitales principales de la web son el subconjunto de indicadores vitales de la web que se aplican a todos los sitios web, que todos los propietarios de sitios web deberían medir y que aparecerán en todas las herramientas de Google. Cada una de las web vitales representa una faceta específica de la experiencia del usuario y refleja la experiencia real del usuario de un resultado crítico.
El núcleo vital de la web consiste en varias métricas que evolucionarán con el tiempo. En 2020, el conjunto actual se centra en tres aspectos diferentes de la experiencia del usuario: carga, interactividad y estabilidad visual:
– Largest Contentful Paint (LCP): mide la potencia de carga. Para garantizar una buena experiencia de usuario, la LCP debe producirse en los 2,5 segundos siguientes al inicio de la carga de la página.
– Retraso de la primera entrada (FID): mide la interactividad. Para garantizar una buena experiencia de usuario, las páginas deben tener un FID inferior a 100 milisegundos.
– Desplazamiento acumulativo de la disposición (CLS): mide la estabilidad visual. Para garantizar una buena experiencia de usuario, las páginas deben tener un CLS inferior a 0,1.
Para asegurarse de que está alcanzando el objetivo recomendado para cada una de las métricas anteriores para la mayoría de sus usuarios, un buen umbral para medir es el percentil 75 de carga de página segmentado por dispositivos móviles y de escritorio.
Las herramientas que evalúan el cumplimiento de Core Web Vitals deben considerar que un sitio ha aprobado si cumple los objetivos recomendados en el percentil 75.
¿Cómo se mide Core Web Vitals?
Hemos descubierto que estas métricas pueden ser tan importantes como una campaña SEO bien ejecutada, así que ¿cómo se miden? Dado que Google considera que los elementos vitales de la web son la columna vertebral de la experiencia del usuario, la empresa se ha comprometido a proporcionar herramientas para medirlos. A continuación se presentan tres formas de medir el rendimiento de un sitio web en términos de indicadores vitales clave.
Google recopila experiencias de usuario anónimas y reales para cada criterio web central con el Informe de experiencia de usuario de Chrome. Esto es útil porque evita tener que configurar de antemano las aplicaciones externas. De hecho, Google ya se ha ocupado de esto por adelantado. Además, herramientas como PageSpeed Insights funcionan en la misma plataforma, lo que significa que puede empezar a utilizarlas de inmediato.
Aunque este método es relativamente sencillo y requiere poca intervención por su parte, el análisis que proporciona no es muy detallado. Entre otras cosas, descuida la telemetría por vista lateral. Esto ayudaría a alguien a diagnosticar con precisión los posibles problemas de un sitio web.
Uso de JavaScript
Alternativamente, puede utilizar JavaScript para controlar los datos vitales más importantes de la web. La forma más fácil de empezar es simplemente llamar a la entrada de JavaScript en su biblioteca para web vitals. Esto proporciona API web listas para usar que son precisas. Además, la Chrome Web Store ofrece una extensión llamada Chrome Extension for Web Vitals, que permite elaborar informes sobre cualquier Web Vital sin tener que escribir código.
Por último, puedes utilizar herramientas de laboratorio para medir cada una de las constantes vitales de la web. Esto es especialmente útil para quienes quieren hacerse una idea del rendimiento de un sitio web antes de lanzarlo. Sin embargo, esto no significa que se puedan descuidar las métricas de campo. La experiencia del usuario depende de varios factores. Ejemplos de ello son las condiciones de la red y los programas adicionales que pueden ejecutarse en el lado del usuario. Por lo tanto, le conviene aprovechar las herramientas de pruebas de campo en cuanto su sitio web esté en funcionamiento. Es una forma fácil de asegurarse de que todo está en orden.
