Gtmetrix actualiza su algoritmo para usar valores de faro de Google

GTMetrix es una de las herramientas de prueba de velocidad y prueba de sitio web más populares. Escanea su sitio web para probar su rendimiento y brindarle recomendaciones específicas para problemas (si los hay). Hasta hace poco, Gtmetrix usaba bibliotecas obsoletas de PageSpeed ​​y Yslow para anotar su sitio web y sugerir las mejores prácticas para el rendimiento web. Aunque estas bibliotecas son excelentes para medir qué tan bien ha construido y optimizado su página de velocidad, no mida el rendimiento real y la carga de la página web para usuarios reales.
Para remediar esta desventaja, GTMetrix ha actualizado su algoritmo para usar los últimos valores del faro de Google, utilizando los datos de campo proporcionados por el Informe de Experiencia de usuario de Chrome (Crux). El nuevo lanzamiento de GTMetrix se anunció el 16 de noviembre de 2020. La actualización presenta un nuevo GTMTRIX, junto con nuevos puntajes de rendimiento y estructura. En este artículo, descubrirá las características clave de los valores del faro y cómo Gtmetrix las integró en sus nuevos informes. ¿Suena emocionante? ¡Vamos a empezar! ¿Qué es gtmetrix? GTMTRIX es una herramienta de prueba de velocidad libre y rendimiento del rendimiento. Está construido por Carbon60, una empresa de alojamiento de nubes administrada por la nube en Canadá. GTMetrix analiza las páginas web utilizando varios estándares de rendimiento web y ofrece varias recomendaciones sobre cómo puede optimizar su código.

Informe de rendimiento de GTMTRIX para la página de startment de cohete WP Puede obtener más información sobre GTMTRIX y cómo probar las páginas web en la guía GTMTRIX GTMerix. ¿Qué es el faro? Lighthouse es la herramienta de código abierto de Google para mejorar la calidad de las páginas web. A diferencia de la herramienta Google PageSpeed ​​Insights, Lighthouse analiza una página web de varias maneras. Puede usarlo para probar cualquier URL no solo para su rendimiento, sino también para accesibilidad, SEO, adherencia a las mejores prácticas web, aplicaciones web progresivas y más. Tenga en cuenta que la accesibilidad web y SEO está estrechamente vinculada. Gtmetrix actualiza su algoritmo de prueba de Google Lighthouse Lighthouse se centra en la experiencia del usuario como punto de referencia para definir sus valores. Todos sus valores se centran en evaluar cómo los usuarios experimentan la página web y no solo cuando se carga la página. Aquí, la percepción del usuario del rendimiento de la página web es más importante que las estadísticas brutas que pueden proporcionar una visión distorsionada. Google llama a estos valores principales de Web Web Vitals. El nuevo informe GTMTRIX también incluye estos elementos vitales básicos de la web.

Nota: Google todavía ofrece la herramienta de prueba de rendimiento de PageSpeed ​​Insights, pero ahora ha estado utilizando Lighthouse como el principal motor de análisis de rendimiento. ¿Cuáles son los principales valores web vitales de Google? Web Vitals es una iniciativa dirigida por Google para ayudar a los propietarios de sitios a comprender la experiencia que ofrecen a sus visitantes. Su objetivo es reducir los valores complejos y centrarse solo en los vitales web más importantes, que también forman parte de un nuevo factor de clasificación, la actualización de la experiencia de la página de Google 2021. a ellos. Hay tres vitales de web principales, cada uno que se centra en un aspecto distinto de la experiencia del usuario. Tres valores de “vital web central” (fuente: Google)
La pintura de contenido más grande (LCP): esto mide el rendimiento de carga percibido de su página web. Es el tiempo requerido para jugar el elemento más grande por encima de la página. Una puntuación LCP por debajo de 2.5 segundos es buena, pero se considera débil si es de más de 4 segundos.

Retraso para la primera introducción (FID): esto mide la experiencia de interactividad de su página web. Un puntaje FID de menos de 100 milisegundos es bueno, pero si se trata de más de 300 milisegundos, se considera débil.
Cambio acumulativo (CLS): esto mide la estabilidad visual de su página web. Un puntaje de menos de 0.1 representa una experiencia agradable para el usuario, pero 0.25 y más es débil.
Los valores que definen vitales de web centrales también reflejan mejor la experiencia del usuario. Google dijo que el puntaje Core Web Vitals jugará un papel importante en su algoritmo de clasificación de página. Se parecía a los nuevos informes de Gtmetrix, pero las similitudes terminan. Estos dos informes difieren enormemente entre sí, tanto en términos de enfoque como en métodos de prueba. Comparemos uno con uno y probemos las diferencias entre ellos. Marcaré las áreas importantes con números a ser fáciles de seguir.
Informe heredado de gtmetrix para la página de inicio del cohete WP
Nuevo informe de GT Manux para la página de sorteo de cohetes WP aquí hay una explicación detallada de las diferencias entre ambos informes.
El informe Legacy clasifica los puntajes de rendimiento individuales con notas de 2 letras, basadas en bibliotecas de PageSpeed ​​y YSlow. Aquí, el énfasis está solo en la estructura de la página web. El nuevo informe GTMetrix proporciona una nota GTMTRIX de una sola letra que refleja el rendimiento general del sitio. Aquí puede ver 2 puntajes porcentuales basados ​​en el rendimiento y la estructura de la página web. La puntuación de rendimiento es comparable a la puntuación de rendimiento de Lighthouse, mientras que la estructura de la estructura es la evaluación de GTMTRIX en qué tan bien la página web se adhiere a las mejores prácticas.

El informe de herencia muestra detalles sobre la página con estadísticas brutas, como el tiempo de carga total, el tamaño total de la página y el número de solicitudes. Estas estadísticas no le dan una idea de qué experimenta el visitante promedio en su sitio. El nuevo informe GTMTRIX le muestra los valores principales de la web vital: la pintura de contenido más alto, el tiempo de bloqueo total y el cambio acumulativo. Estos valores son una representación más correcta de la experiencia del usuario que le da a sus visitantes. Tenga en cuenta que Lighthouse no puede medir el primer retraso de entrada (FID), ya que no hay entrada del usuario. Por lo tanto, el instrumento considera el valor de bloqueo total (TBT) como un proxy. Mientras TBT mejore, FID debe hacer lo mismo en el suelo. El nuevo informe GTMTRIX reemplaza la velocidad de página, YSLOW y los tiempos del antiguo informe con resumen, rendimiento y estructura. Discutiré todas las pestañas nuevas más adelante.

En la página de resultados principales, el informe heredado muestra sus recomendaciones basadas en la biblioteca de PageSpeed ​​obsoletas, pero el nuevo informe GTMTRIX proporciona una visión general de la visualización de velocidad. Esta presentación general ofrece más usuarios de contexto sobre los valores relacionados con la experiencia de sus visitantes, una vez que llegan a la página.
Como puede ver, aparte de compartir similitudes, como el diagrama de cascada, algunas auditorías y recomendaciones y momentos similares, ambos son distintos.
Aquí hay algunas capturas de pantalla sobre las 3 pestañas nuevas.
La nueva pestaña Resumen del informe GTMTRIX La pestaña Resumen muestra una imagen general integral de rendimiento, estructura y comportamiento de carga. Debido a esta información, puede obtener una primera imagen de las principales mejoras de rendimiento que necesita su sitio. Los tiempos del navegador son los mismos de Legacy Gtmetrix Reports. Centremos en la sección Valores de rendimiento, que muestra los valores generados utilizando datos de rendimiento del faro. Estos seis valores, cada uno con su propio peso, forman la puntuación de rendimiento final incluida en la nota GTMetrix.
El puntaje de rendimiento es el que más influye en el grado GTMTRIX (70%), por lo que es esencial profundizarlo. Esta puntuación muestra qué tan bien funciona su página desde la perspectiva del usuario. Considere los valores centrados en el usuario que calculan qué tan rápido se carga la página (rendimiento de carga), qué tan rápido los usuarios con la página (interactividad) y cuán estable es la página (estabilidad visual). Veamos un vistazo a la participación de cada valor para ver cómo se compone el puntaje de rendimiento. Los valores de rendimiento de la carga representan el 55%de la puntuación total e incluyen la primera pintura (15%), índice de velocidad (15%) y la mejor pintura contenta (25%).
Los valores de interactividad representan el 40%de la puntuación total e incluyen tiempo hasta el tiempo de bloqueo interactivo (15%) y total (25%). Finalmente, la estabilidad visual es importante para el 5% de la puntuación total y contiene el cambio de apariencia acumulativa (5%). Debe saber que estos valores pueden influir entre sí y causar cambios en la puntuación de rendimiento general. El rendimiento de carga y el índice de velocidad que carga los valores de rendimiento son los más relevantes para la puntuación de rendimiento. La primera pintura contenta y la pintura de contenido más grande se centran en el momento en que se carga el primer y principal contenido. Puede obtener más información sobre estos valores y cómo mejorarlos en nuestro artículo dedicado. El rendimiento de carga también incluye el índice de velocidad. El índice de velocidad mide la rapidez con que su página está completa visualmente por encima de la página. Analiza el comportamiento de carga de la página, tomando varios cuadros visuales durante la carga de la página, hasta que todo el contenido sea visible. Luego proporcione el tiempo promedio que se exhibirá. El tiempo se expresa en milisegundos y depende del tamaño de la ventana de vista del navegador. Si el índice de velocidad es bueno, los usuarios pueden disfrutar de una página de carga rápida y disfrutar de una experiencia de usuario fantástica. Para tener una idea, un buen índice de velocidad es de 1.311 milisegundos o menos. Si el puntaje está entre 1.311 y 1.711 milisegundos, debe considerar algunas mejoras. Más de 1.711 milisegundos, su puntaje es más largo de lo recomendado;

Más de 2.300 milisegundos, es mucho más largo de lo recomendado. Sin embargo, existe una necesidad absoluta de mejora. Si el índice de velocidad no es lo suficientemente bueno, el complemento WP Rocket lo ayudará a mejorar el tiempo de carga de su sitio en unos pocos clics. Las auditorías se ordenan de acuerdo con el mayor impacto que pueden tener en el rendimiento de la página. Puede hacer clic en cada auditoría para expandirla y ver qué solicitudes han contribuido a su impacto. Basado en las evaluaciones y auditorías personalizadas de GTMTRIX, la estructura de la estructura muestra qué tan bien se construye su página en términos de rendimiento. Representa el 30% del grado GTMTRIX. Puede usar toda la información proporcionada por GTMetrix para optimizar su sitio para obtener el mejor rendimiento. A tiempo completo cargado vs. La pintura más grande con el máximo contenido (LCP) desde un punto de vista histórico, el tiempo completamente cargado fue una medida significativa para medir el rendimiento de un sitio. Pero no proporciona una imagen completa de lo que el usuario ve en la pantalla. Por ejemplo, los sitios web modernos con una página web pesada pueden aprovechar el nivel del cliente y otras técnicas de rendimiento web para cargar primero las secciones más importantes de la página web y luego cargar todos los demás elementos de la página. Por lo tanto, los usuarios percibirán que la página está cobrando más rápido, lo que resulta en una mejor experiencia para el usuario.

El valor del tiempo cargado completo no siempre es un indicador de la experiencia del usuario (Fuente: GTMTRIX) debido a tales problemas, W3 Web Performance Group y Google han encontrado una forma más precisa de medir el rendimiento del sitio web.La respuesta es la pintura de contenido más grande (LCP). La pintura de contenido más grande es un valor web vital básico (Fuente: Google) El valor LCP mide el tiempo requerido para la imagen o bloqueo de texto más grande de la página web SA a cualquiera visible en el navegador Ver ventana.Según Google, LCP debería aparecer dentro de los primeros 2.5 segundos de cargar la página para proporcionar una buena experiencia de usuario.Cualquier cosa que exceda los 4 segundos es una experiencia débil para el usuario, lo que conduce a mayores tasas de rechazo y una multa de SEO.Por esta razón, el nuevo informe GTMTRIX ha reemplazado el valor del tiempo completamente cargado con LCP.

Nuevas regiones y planes de pruebas profesionales Además de actualizar informes con valores de faro, Gtmetrix también agregó 15 nuevas ubicaciones de prueba en todo el mundo. Sin embargo, estas nuevas ubicaciones solo estarán disponibles para los usuarios de GTMTrix Pro. En este sentido, Gtmetrix también introdujo nuevos planes profesionales. Puedes leer sobre ellos en su anuncio de blog. El nuevo informe GTMetrix vs.EV/PageSpeed ​​Insights, mientras que el nuevo GTMTrax es alimentado por los valores del faro principalmente, como otras herramientas de prueba de velocidad y rendimiento, como Web.dev y PageSpeed ​​Insights, hay más que eso. Sin embargo, la forma en que Gtmetrix implementa el faro y las metodologías de prueba difieren de lo que hace Google. Por lo tanto, tendrán diferentes diferencias en términos de resultados, especialmente cuando pruebe su sitio en GTMTRIX con opciones de análisis, dispositivos y ubicaciones personalizadas. La velocidad y el rendimiento de finalización son aspectos cruciales para proporcionar una experiencia de usuario agradable a los visitantes de su sitio. Se asegura que sus visitantes gasten su atención limitada al consumir el contenido de su sitio y no la desperdicio esperando que la página se cargue.