comunidades

PageSpeed Insights agrega nuevas métricas de velocidad de Lighthouse

Las nuevas métricas mejoran los comentarios sobre la velocidad relacionada con el servidor y brindan una representación más completa del rendimiento de la página que la disponible anteriormente.

PageSpeed Insights de Google agregó dos nuevas métricas a la API y la interfaz de usuario de PageSpeed Insights para Lighthouse. Las dos métricas etiquetadas como experimentales ahora se recopilan para datos de campo, mientras que los datos de laboratorio correspondientes se pueden usar con fines de diagnóstico.

Faro de Google actualizado

Lighthouse ahora se actualiza con las dos nuevas métricas.

Las nuevas métricas de Lighthouse son:

Interacción con la Next Paint (INP)

Tiempo hasta el primer byte (TTFB)

Tiempo hasta el primer byte (TTFB)

Mucha gente ya sabrá de Time to First Byte, existe desde hace muchos años y es posible que algunos ya estén familiarizados con él.

La métrica Tiempo hasta el primer byte (TTFB) mide qué tan rápido responde el servidor a una solicitud de un recurso.

Por lo tanto, la importancia de esta métrica es que ayuda a aislar un factor (la capacidad de respuesta del servidor) que puede tener un efecto negativo sobre todas las demás métricas de carga de la página que vienen después.

Eso hace que TTFB sea una métrica muy importante para revisar con fines de diagnóstico.

Cualquiera que se centre en mejorar Core Web Vitals debería echar un vistazo a TTFB para una posible victoria rápida.

Lo que ha cambiado en TTFB es que esta es la primera vez que está disponible como métrica en la sección de resultados de PageSpeed Insights.

Chrome también recopilará e informará datos de campo TTFB por primera vez.

Interacción con la Next Paint (INP)

Interaction to Next Paint (INP) es una nueva métrica que representa cuánto tiempo se tarda en interactuar con la página completa, lo que Google llama latencia de interacción general.

Las medidas de INP representan cuánto tiempo lleva interactuar con la página completa, lo que contrasta con First Input Delay, que solo mide cuánto tiempo tarda la página en responder a la primera interacción de un visitante del sitio.

Google usa un ejemplo de una página de compras para ilustrar la diferencia entre un buen INP y un INP deficiente.

El ejemplo de una página de compras muestra una imagen en la que se puede hacer clic que genera una versión de primer plano más grande.

El ejemplo de capacidad de respuesta deficiente es un usuario que hace clic en la imagen y luego espera que suceda algo mientras la imagen más grande se descarga en el navegador. No hay respuesta de retroalimentación al clic.

El ejemplo de una buena capacidad de respuesta es un usuario que hace clic en la misma imagen que responde inmediatamente con un gráfico de carga de página que comunica que se recibió la solicitud de la imagen y que ahora se está cargando.

Captura de pantalla de una buena capacidad de respuesta de un elemento de página web

Lighthouse


Lo anterior es un ejemplo de cómo la nueva métrica INP medirá todos los elementos receptivos de una página web para llegar a una representación de Interacción para Next Paint.

Web.dev de Google explica la nueva métrica Interaction to Next Paint (INP):

“INP es una métrica que tiene como objetivo representar la latencia de interacción general de una página al seleccionar una de las interacciones más largas que ocurren cuando un usuario visita una página.

Para páginas con menos de 50 interacciones en total, INP es la interacción con peor latencia.

Para páginas con muchas interacciones, el INP suele ser el percentil 98 de latencia de interacción”.

Nuevo diseño de PageSpeed Insights

Las dos nuevas métricas están disponibles para revisar ahora mismo en la herramienta PageSpeed Insights.

Sin embargo, es posible que los datos de campo tarden un tiempo en aparecer porque los datos de campo se derivan de los usuarios reales del navegador Chrome que han optado por permitir que los datos de velocidad de la página se envíen a Google para visitar el sitio y registrar sus datos.

Los puntajes principales de Web Vitals se enumeran primero en una fila (en la vista de escritorio).

Lighthouse luego muestra una segunda fila de métricas:

 Primera pintura con contenido

     EN P

     TTFB

Captura de pantalla de la nueva pantalla de métricas de Lighthouse

lighthouse


Extensión de Chrome Lighthouse

Otra forma de ver las nuevas métricas es con la extensión Chrome Lighthouse.

La forma de usarlo es navegar a cualquier página y un cuadro cuadrado en el lado superior derecho del navegador se volverá rojo o verde dependiendo de si la página pasa las métricas de Core Web Vitals.

Al hacer clic en el cuadro en sí, se activa una visualización del CWV y las métricas experimentales.

Nuevas métricas disponibles en herramientas de terceros

Las muchas herramientas de velocidad de página que usan Lighthouse en su análisis también mostrarán las métricas INP y TTFB.

Por ejemplo, WebPageTest.org ahora muestra las nuevas métricas.

Captura de pantalla de los resultados de WebPageTest Lighthouse

webpagetest


Actualizaciones de información sobre la velocidad de la página

También hay actualizaciones adicionales para la herramienta PageSpeed Insights.

Un cambio notable es la velocidad a la que se muestran los resultados, que se logra cargando datos de campo y de laboratorio en paralelo.

Otro cambio es que PageSpeed Insights intentará resolver los redireccionamientos HTTP primero antes de enviarlo a Lighthouse para realizar el análisis. Anteriormente, Lighthouse manejaba los redireccionamientos HTTP mientras realizaba el análisis.

Además de otros dos cambios adicionales:

     “Las métricas de Core Web Vitals (CWV) (LCP, FID, CLS) aparecen directamente debajo de la evaluación de CWV.

Ajustamos el diseño, reduciendo la verbosidad y el espacio vertical”.

Los datos de Lighthouse son más útiles

La adición de estas dos métricas, TTFB e INP, hace que todas las herramientas de velocidad de página que utilizan el análisis Lighthouse sean significativamente más útiles. TTFB proporciona comentarios sobre los problemas relacionados con el servidor que pueden ser la base del bajo rendimiento de velocidad en otros lugares e INP ofrece una descripción general más amplia del rendimiento de la página que la que estaba disponible anteriormente.

Cita:

Lea las notas de la versión de PageSpeed Insights

Release notes for PageSpeed Insights API and PageSpeed Insights UI

Fuente: este post proviene de diseño paginas web valencia, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Etiquetas: blog

Recomendamos

Relacionado

Facebook Redes Sociales

Facebook eliminará varias métricas y las remplazará por otras nuevas a partir del 30 de abril 2019. Facebook está anunciando a través de su foro de Facebook para empresas que remplazará algunas métricas de ya considera inútiles y las remplazará por algunas nuevas. Una de las que más me llamaron la atención fue la puntuación de relevancia. Esta puntuación ha sido ambigua desde su creación, ya q ...

Actualidad

El pasado 24 de septiembre nuestra Laura López, SEO manager en Internet República, participó en el SEOnderground el mayor evento de marketing digital de LATAM. Colaboró con su ponencia sobre Herramientas para optimizar el WPO de forma sencilla sin necesidad de conocimientos sobre programación o desarrollo. ¿Qué son y cómo afectan las Core Web Vitals al rendimiento de una página web? El Web Perfor ...

seo

Los Core Web Vitals de Google son unas métricas que usa el motor de búsqueda para medir la experiencia de usuario dentro de una página web. Core Web Vitals analiza los problemas de la experiencia del usuario al medir tres áreas principales de la experiencia del usuario, que incluyen: Largest Contenful Paint (LCP). First Input Delay (FID). Cumulative Layout Shift (CLS). Cada métrica de los Core Web ...

Tecnología e Internet

La inmediatez a la que las personas se han acostumbrado en la vida diaria también repercute en la experiencia de navegación por internet, pues a diferencia de años anteriores los usuarios poseen menos paciencia a la hora de acceder a un sitio web y tener una buena experiencia de uso. Así, elementos como la velocidad de carga de un sitio se han vuelto un elemento principal a considerar. Desde hace ...

Posicionamiento web

Rendimiento del servidor. Este es a nuestro juicio uno de los mejores artículos que hemos publicado y todo por cumplir con Core Web Vitalis. A partir de 2021 tu web DEBE estar Optimizada a estas métricas que señala el Upgrade de Google. Es la forma en que va a Segmentar las páginas dado la cantidad de competencia que existe en el mundo. Hace meses Optimizamos nuestras web y con posterioridad en  n ...

general rendimiento

Muchas veces tenemos problemas de rendimiento en nuestras web que son de difícil detección. En ocasiones las imágenes, otras veces algún script o componente que hemos instalado y ralentiza su dibujado en los navegadores de nuestros usuarios... Problemas que son de difícil detección si no se poseen suficientes conocimientos técnicos. Te propongo una manera sencilla de detectar qué puede estar afect ...

#SEO #BlogTopSEO #NotiGoogle ...

En este artículo te voy a compartir algunos conocimientos básicos sobre el lado más técnico del SEO. Estos aspectos pueden ser la diferencia entre un sitio que rankea en las primeras posiciones y un sitio que no rankea en absoluto. El SEO técnico no es fácil, pero aquí te explico, en lenguaje sencillo; en que debes fijarte (si lo estas haciendo tu) o pedirle a tu experto de SEO para que tu sitio ...

Marketing Online Social Media Marketing empresa ...

Cada vez más tanto pequeñas como grandes marcas tienen presencia en Instagram incluyéndola en sus estrategias de marketing online. La red social ha crecido a gran velocidad en los últimos años y por este motivo sus creadores han decido incluir nuevas herramientas de Instagram para empresas. Con el fin de ayudar a los empresarios y mejorar su servicio, Instagram ha anunciado la creación de nuevos p ...

Herramientas Seo Seo on page White Hat

Al momento de navegar en una web se debe tener encuenta la velocidad de carga y como poder mejorar,  nombraré en este artículo algunas herramientas útiles las cuales nos ayudarán a lograrlo, un factor importante que Google tiene encuenta es la velocidad de carga de nuestro sitio, en cuanto menos tarde mejorará aún más el posicionamiento web en los buscadores. ¿Qué pasa en el seo cuando se mejora l ...

Google Usabilidad Web

Bienvenid@ a un nuevo post de Coach2Coach. Test my Site: nueva herramienta de medición web de Google Google lanzó Test my Site (prueba mi sitio) a mediados del año pasado (2016). Test my site es una herramienta similar a Google Speed. Analiza el nivel de usabilidad de tu página web en dispositivos móviles principalmente. También analiza el rendimiento (velocidad) tanto en ordenadores de sobremesa ...