Google ha comenzado a implementar unos nuevos parámetros de análisis y mejora para las páginas web, a lo que han denominado Web Vitals y dentro de la nueva terminología, también podemos encontrar, la denominación de Core Web Vitals.
¿Pero que es Core Web Vitals?
Core Web Vitals, es un subconjunto de parámetros de Web Vitals que pueden ser aplicados sobre todas las páginas web, y que deben a comenzar a ser tenidos en cuenta por todos los propietarios de páginas web.
La nueva terminología, ya se ha implementado en todas las herramientas de Google.
Cada una de las diferentes métricas que forman el Core Web Vitals refleja una faceta diferente de la experiencia del usuario, y por tanto puede ser medida, calculando las métricas que permitan localizar posibles errores críticos que perjudiquen a la experiencia real del usuario.
Las métricas que componen Core Web Vitals evolucionarán con el tiempo. El conjunto actual para 2020 se centra en tres aspectos de la experiencia del usuario: la carga , interactividad y la estabilidad visual e incluye las siguientes métricas (y sus respectivos umbrales):
- Pintura con contenido más grande (LCP): Se mide el rendimiento de carga. Para proporcionar una buena experiencia de usuario, LCP debe ocurrir dentro de los 2.5 segundos desde que la página comienza a cargarse.
- Retraso de la primera entrada (FID): Se mide la interactividad. Para proporcionar una buena experiencia de usuario, las páginas deben tener un FID de menos de 100 milisegundos.
- Cambio de diseño acumulativo (CLS): Se mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS de menos de 0,1.
Para cada una de las métricas anteriores, para asegurarse de que está alcanzando el objetivo recomendado para la mayoría de sus usuarios, un buen umbral para medir es el percentil 75 de cargas de página, segmentado en dispositivos móviles y de escritorio.
Relacionado
¿Cómo usar la línea de tiempo de DevTools con Flutter? A continuación sigue la guía de uso sobre las herramientas de desarrollo para Flutter, en este caso vamos a conocer la línea de tiempo. ¿Qué es la línea de tiempo de DevTools? La vista de línea de tiempo es una muestra de información sobre los cuadros Flutter. Consta de tres partes, cada una de las cuales aumenta su granularidad. Cuadro de representación de cuadros Cuadro de ¡SEGUIR LEYENDO!
¿Qué herramientas usar para medir y reportar los datos fundamentales de la Web? Google cree que los Core Web Vitals son fundamentales para todas las experiencias web. Como resultado, se compromete a hacer surgir estas métricas en todas sus herramientas populares . Las siguientes secciones detallan qué herramientas son compatibles con Core Web Vitals. El Informe de experiencia del usuario de Chrome recopila datos de medición de usuarios reales y anónimos para cada Core Web Vital. Estos datos permiten ¡SEGUIR LEYENDO!
20 Rutas de Aprendizaje para Desarrolladores de Google Como ya os comente en Agosto, Google lanzó Google Learn para todos los desarrolladores fanáticos de trabajar y aprender a crear con las tecnologías que mantiene Google. Dentro de esos cambios, se incluía una nueva sección ampliada, denominada itinerarios de aprendizaje de Google. Que yo llamaré a partir de ahora, rutas de aprendizaje de Google. En este apartado, Google ha ido recopilando contenidos ya creados (entre ¡SEGUIR LEYENDO!
¿Qué es Web Vitals? Las nuevas métricas esenciales para Google Google ha lanzado nuevos cambios en sus métricas web, ya han implementado los mismos en Google Search Console; y solamente ellos saben, si estos nuevos parámetros ya comienzan a hacer estragos sobre la metodología de indexación de las páginas web a ojos del buscador. La optimización de una página web, es uno de los aspectos más importantes de cara a la calidad de la experiencia del ¡SEGUIR LEYENDO!