Google anunció recientemente “Core Web Vitals”, que son nuevas métricas de rendimiento que se convertirán en una señal de clasificación de búsqueda el próximo año.
Del anuncio:
A principios de este mes, el equipo de Chrome anunció Core Web Vitals, un conjunto de métricas relacionadas con la velocidad, la capacidad de respuesta y la estabilidad visual, para ayudar a los propietarios de sitios a medir la experiencia del usuario en la web.
Hoy, nos basamos en este trabajo y brindamos una vista previa de un próximo cambio de clasificación de búsqueda que incorpora estas métricas de experiencia de página. Introduciremos una nueva señal que combina Core Web Vitals con nuestras señales existentes para la experiencia de la página para proporcionar una imagen holística de la calidad de la experiencia de un usuario en una página web.
Core Web Vitals consta de tres nuevas métricas:
- La pintura con contenido más grande mide la velocidad de carga de la página percibida por el usuario; un buen valor es de 2,5 segundos.
- First Input Delay mide la rapidez con la que los usuarios pueden interactuar con la página; un buen valor es inferior a 100 ms.
- El cambio de diseño acumulativo mide la estabilidad visual del contenido de la página; un buen valor es inferior a 0,1 segundos. Algunas páginas mueven contenido cuando los usuarios toman medidas, lo que puede resultar frustrante.
Puede verificar rápidamente estas métricas en su sitio instalando “Web Vitals”, una extensión de Chrome de terceros.
Google muestra las nuevas métricas en Search Console, PageSpeed Insights y el Informe de experiencia del usuario de Chrome.
Cambios en Lighthouse 6.0
PageSpeed Insights funciona con una herramienta de código abierto de Google llamada Lighthouse, que se actualizó para admitir las nuevas métricas, entre otros cambios.
De las notas de la versión, que aparecen a continuación con ligeras aclaraciones, nos enteramos de que Google eliminó tres métricas del cálculo de la puntuación y redujo el peso de un par de otras.
El peso de TTI [Time to Interactive’s] se ha reducido del 33% al 15%. Esto fue en respuesta a los comentarios de los usuarios sobre la variabilidad de TTI, así como a las inconsistencias en las optimizaciones métricas. TTI sigue siendo una señal útil para cuando una página es completamente interactiva, sin embargo, con TBT [Total Blocking Time] como complemento, la variabilidad se reduce. Con este cambio de puntuación, esperamos que los desarrolladores se animen de forma más eficaz a optimizar la interactividad del usuario.
El peso de FCP [First Contentful Paint] se ha reducido del 23% al 15%. Medir solo cuando el primer píxel está pintado no nos dio una imagen completa. Combinarlo con la medición de cuándo los usuarios pueden ver qué es lo que más probablemente les interese (la pintura con contenido más grande) refleja mejor la experiencia de carga.
Max Potential FID [First Input Delay] ha quedado obsoleto. Ya no se muestra en el informe, pero todavía está disponible en JSON. Ahora se recomienda mirar TBT para cuantificar su interactividad en lugar de Max Potential FID.
La primera pintura significativa ha quedado obsoleta. Esta métrica era demasiado variada y no tenía un camino viable hacia la estandarización, ya que la implementación es específica de los componentes internos de renderizado de Chrome. Si bien algunos equipos consideran que la sincronización de FMP vale la pena en su sitio, la métrica no recibirá mejoras adicionales.
La primera CPU inactiva ha quedado obsoleta porque no es lo suficientemente distinta de TTI. El tiempo total de bloqueo y el tiempo para interactuar son las métricas de referencia para la interactividad ahora.
El peso de Cumulative Layout Shift es relativamente bajo, aunque esperamos aumentarlo en una futura versión principal.
Google afirma que la nueva metodología dará como resultado que las puntuaciones de Lighthouse (i) empeoren en al menos cinco puntos para el 50% de todos los sitios en todo el mundo, (ii) permanezcan sin cambios en el 30% de los sitios y (iii) sean “notablemente más altas” para 20 por ciento.
Datos de campo frente a datos de laboratorio
Los nuevos Core Web Vitals se centran principalmente en “Datos de campo”: datos de usuarios reales. “Lab Data” es una simulación y no refleja necesariamente la experiencia de la vida real. PageSpeed Insights coloca los datos de campo sobre los datos de laboratorio, como se muestra en la captura de pantalla a continuación para un sitio de Shopify, que, por cierto, no pasa la evaluación de Core Web Vitals.
PageSpeed Insights coloca los “datos de campo” de usuarios reales por encima de los datos de laboratorio, que se simulan.
Google recomienda utilizar Lab Data mientras un sitio está en desarrollo y Field Data cuando está activo.
A continuación, se muestra un ejemplo de cómo se recopilan los datos de campo a partir de interacciones reales. La extensión de Chrome Web Vitals no muestra inicialmente las métricas de demora de la primera entrada, y se informa en gris claro, “esperando entrada”. Para obtener un valor para su sitio, pase el mouse sobre la navegación del sitio principal.
La extensión de Chrome Web Vitals no muestra inicialmente las métricas de demora de la primera entrada, y se informa en gris claro, “esperando entrada”.
Estudio de velocidad de página actualizado
“Puntuaciones de velocidad de página de cada tema de Shopify”, mi artículo de abril, incluía una tabla de esas velocidades en ese momento usando PageSpeed Insights, que, nuevamente, era Lab Data.
Lo que sigue es una tabla actualizada de los puntajes de velocidad de la página para dispositivos móviles y computadoras de escritorio de todos los temas de Shopify usando Field Data. También incluí las puntuaciones de Lab Data de abril con el cambio porcentual de cada tema.
La tabla, que se puede ordenar por columnas, muestra solo la puntuación general de velocidad de la página. Para obtener un informe detallado de todas las métricas de Lighthouse para cada tema, consulte la hoja de Google.
| Tema | Móvil (junio de ’20) Puntuación de velocidad de página |
Móvil (abril de 2020) Puntuación de velocidad de página |
Móvil: % Cambio |
Escritorio (junio de 20) Puntuación de velocidad de página |
Escritorio (abril de 20) Puntuación de velocidad de página |
Escritorio: % Cambio |
|---|---|---|---|---|---|---|
| Alquimia | 32 | 62 | -48,4% | 79 | 94 | -16,0% |
| Artesano | 30 | 61 | -50,8% | 77 | 97 | -20,6% |
| atlántico | 62 | 68 | -8,8% | 86 | 99 | -13,1% |
| Avenida | 43 | 48 | -10,4% | 71 | 77 | -7,8% |
| Blockshop | 27 | 37 | -27,0% | 74 | 81 | -8,6% |
| Aumentar | 61 | 77 | -20,8% | 95 | 98 | -3,1% |
| Sin límites | 70 | 88 | -20,5% | 91 | 97 | -6,2% |
| Transmitir | 36 | 34 | 5,9% | 74 | 77 | -3,9% |
| Brooklyn | 56 | 72 | -22,2% | 89 | 98 | -9,2% |
| California | 48 | 40 | 20,0% | 91 | 95 | -4,2% |
| Pabellón | 45 | 50 | -10,0% | 93 | 97 | -4,1% |
| Capital | 37 | 81 | -54,3% | 88 | 98 | -10,2% |
| cascada | 78 | 69 | 13,0% | 98 | 100 | -2,0% |
| Colores | 29 | 53 | -45,3% | 89 | 95 | -6,3% |
| Contexto | 20 | 37 | -45,9% | 67 | 79 | -15,2% |
| Debut | 79 | 88 | -10,2% | 97 | 99 | -2,0% |
| Distrito | 71 | 83 | -14,5% | 94 | 94 | 0,0% |
| Ediciones | 45 | 63 | -28,6% | 90 | 97 | -7,2% |
| Editorial | 78 | 89 | -12,4% | 97 | 99 | -2,0% |
| Surgir | 37 | N / A | N / A | 79 | N / A | N / A |
| Imperio | 61 | 68 | -10,3% | 90 | 99 | -9,1% |
| Envidia | 18 | 31 | -41,9% | 79 | 81 | -2,5% |
| Rápido | 95 | N / A | N / A | 95 | N / A | N / A |
| Expresión | 67 | 70 | -4,3% | 95 | 97 | -2,1% |
| Fashionopolism | 32 | 74 | -56,8% | 70 | 97 | -27,8% |
| Fluir | 20 | 53 | -62,3% | 60 | 66 | -9,1% |
| Focal | 61 | 62 | -1,6% | 93 | 94 | -1,1% |
| Galleria | 37 | 30 | 23,3% | 69 | 78 | -11,5% |
| Cuadrícula | 34 | 72 | -52,8% | 88 | 97 | -9,3% |
| Práctico | 27 | 40 | -32,5% | 82 | 85 | -3,5% |
| Icono | 28 | 36 | -22,2% | 84 | 93 | -9,7% |
| Impulso | 60 | 68 | -11,8% | 86 | 92 | -6,5% |
| Ira | 45 | 66 | -31,8% | 87 | 96 | -9,4% |
| Kagami | 43 | 66 | -34,8% | 91 | 97 | -6,2% |
| Reino | 49 | 78 | -37,2% | 97 | 98 | -1,0% |
| Etiqueta | 63 | 79 | -20,3% | 96 | 99 | -3,0% |
| Lanzamiento | 33 | 48 | -31,3% | 68 | 81 | -16,0% |
| Desván | 27 | 23 | 17,4% | 83 | 86 | -3,5% |
| Lorenza | 29 | 30 | -3,3% | 70 | 67 | 4,5% |
| Fabricante | 30 | 48 | -37,5% | 79 | 87 | -9,2% |
| Albañilería | 46 | 57 | -19,3% | 90 | 88 | 2,3% |
| Mínimo | 71 | 78 | -9,0% | 92 | 99 | -7,1% |
| Mobilia | 36 | 53 | -32,1% | sesenta y cinco | 96 | -32,3% |
| Modular | 50 | 73 | -31,5% | 93 | 98 | -5,1% |
| Movimiento | 29 | 32 | -9,4% | 84 | 80 | 5,0% |
| Señor Parker | 32 | 40 | -20,0% | 80 | 95 | -15,8% |
| Narrativa | 71 | 80 | -11,3% | 95 | 100 | -5,0% |
| Pacífico | 23 | 34 | -32,4% | 73 | 81 | -9,9% |
| palo Alto | 15 | 29 | -48,3% | 41 | 77 | -46,8% |
| Paralaje | 35 | 31 | 12,9% | 79 | 82 | -3,7% |
| Tubería | 52 | 54 | -3,7% | 95 | 93 | 2,2% |
| Prestigio | 51 | 66 | -22,7% | 90 | 96 | -6,3% |
| Providencia | 39 | 41 | -4,9% | 76 | 75 | 1,3% |
| Alcanzar | 26 | 33 | -21,2% | 74 | 81 | -8,6% |
| Sensible | 29 | 49 | -40,8% | 75 | 93 | -19,4% |
| Retina | 17 | 8 | 112,5% | 57 | 58 | -1,7% |
| Escaparate | 81 | 82 | -1,2% | 97 | 98 | -1,0% |
| Tiempo de la funcion | 24 | 25 | -4,0% | 82 | 83 | -1,2% |
| Sencillo | 83 | 92 | -9,8% | 95 | 99 | -4,0% |
| División | 64 | 68 | -5,9% | 82 | 92 | -10,9% |
| Puesta en marcha | 37 | 43 | -14,0% | 89 | 86 | 3,5% |
| Historia | 71 | 64 | 10,9% | 97 | 98 | -1,0% |
| Línea de corriente | 38 | 79 | -51,9% | 91 | 99 | -8,1% |
| amanecer | 62 | 70 | -11,4% | 90 | 99 | -9,1% |
| Suministro | 75 | 86 | -12,8% | 94 | 99 | -5,1% |
| Simetría | 37 | 67 | -44,8% | 93 | 98 | -5,1% |
| Testamento | 55 | 55 | 0,0% | 86 | 94 | -8,5% |
| Marca comercial | 54 | 60 | -10,0% | 87 | 95 | -8,4% |
| Ventaja | 47 | 64 | -26,6% | 80 | 90 | -11,1% |
| Aventurarse | 88 | 85 | 3,5% | 93 | 99 | -6,1% |
| Lugar de eventos | 20 | 33 | -39,4% | 72 | 81 | -11,1% |
| Moda | 29 | 47 | -38,3% | 83 | 88 | -5,7% |
| Almacén | 50 | 41 | 22,0% | 94 | 88 | 6,8% |
