Google PageSpeed ​​Insights vs. Lighthouse: ¿Cuál mide mejor el rendimiento del sitio?

¿Qué es la velocidad de la página?

La velocidad de la página es la cantidad de tiempo entre el momento en que un navegador envía una solicitud para acceder a una página y el momento en que la página muestra el contenido. Las páginas se componen de muchos componentes visibles e invisibles (imágenes, texto, rastreadores, complementos, etc.) con diferentes tiempos de carga y propósitos de usuario. Google desglosa la velocidad de la página en métricas específicas que miden los hitos de carga, como la primera pintura con contenido y el tiempo de interacción.

Las velocidades de página fluctúan a medida que su sitio crece, la tecnología cambia y los estándares web evolucionan. Puede afectar la forma en que los visitantes usan su sitio e incluso si se convierten. Por lo tanto, el seguimiento de las velocidades de la página debe ser una parte fundamental del proceso regular de monitoreo de la salud del sitio.

Pero, ¿cuál es la mejor herramienta de seguimiento de velocidad de página?

Google ofrece dos opciones oficiales: Google PageSpeed ​​Insights y Lighthouse. Ambas son herramientas poderosas y gratuitas diseñadas para ayudar a los desarrolladores y especialistas en marketing digital a optimizar la velocidad de la página de su sitio web, con algunas diferencias clave entre ellas. Comparemos PageSpeed ​​Insights con Lighthouse y analicemos lo que necesita saber sobre el seguimiento y la mejora de la velocidad de la página.

¿Qué es Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) es una herramienta gratuita que mide las métricas de velocidad de la página en dispositivos de escritorio y móviles utilizando datos del mundo real y de laboratorio. Los datos del mundo real (también llamados "datos de campo") son un agregado de 28 días extraído del Informe de experiencia del usuario de Chrome, mientras que los datos de laboratorio se calculan mediante la API de Lighthouse.

PSI es fácil de usar para cualquier persona: solo diríjase a https://pagespeed.web.dev/, ingrese una URL y espere unos momentos para que la API genere un informe. Podrá ver cómo la URL se compara con Core Web Vitals de Google, evaluar métricas de velocidad detalladas y recibir una calificación general de rendimiento del sitio web.

La Calificación de Desempeño es una promedio ponderado de cada puntaje de métrica de velocidad. Es como una calificación general, pero no es una medida final. Los porcentajes entre paréntesis a continuación indican el peso que se le da a cada métrica al calcular la Calificación de Desempeño.

• Primera pintura con contenido: (10 %) Cuánto tiempo tarda en cargarse por completo la primera imagen o bloque de texto.
• Índice de velocidad: (10 %) El tiempo promedio que tarda el contenido visible en cargarse hasta que se completa la pantalla.
• Pintura con contenido más grande: (25 %) Cuánto tiempo tarda en cargarse por completo la imagen o el bloque de texto más grande.
• Tiempo de Interactividad: (10%) El tiempo que tarda una página en volverse completamente interactiva.
• Tiempo total de bloqueo: (30 %) La diferencia de tiempo entre la primera pintura con contenido y el tiempo de interacción durante el cual una página está bloqueada para que no pueda ingresar el usuario. (En otras palabras, la diferencia de tiempo entre el momento en que algo aparece por primera vez en la pantalla y el momento en que el usuario puede hacer clic en él).
• Cambio de diseño acumulativo: (15 %) Una medida de cambios de diseño inesperados, es decir, carga de contenido fuera de orden que reorganiza o desplaza otro contenido hacia arriba o hacia abajo en la página.

No se preocupe demasiado si la calificación de rendimiento de su sitio web no es perfecta o si algunas de sus métricas parecen bajas. Las métricas de velocidad pueden fluctuar dependiendo de algunos factores fuera de su control. Recuerde que estas métricas son un conjunto de datos y las experiencias reales variarán de un usuario a otro.

Dicho esto, puede maximizar su calificación de rendimiento y mejorar la velocidad de la página centrándose en las secciones "Oportunidades y diagnóstico" cerca de la parte inferior del informe. Estas secciones contienen recomendaciones para acciones específicas que pueden mejorar las métricas de velocidad, aunque pueden requerir la ayuda de un desarrollador web de SEO para implementarlas.

¿Qué es el faro de Google?

Google Lighthouse es una herramienta gratuita de código abierto que puede realizar auditorías del sitio para medir muchas métricas diferentes. Además de evaluar la velocidad de la página, Lighthouse puede evaluar qué tan bien un sitio se ajusta a los estándares modernos de desarrollo web, el nivel de accesibilidad de un sitio, la capacidad de rastreo y más.

Lighthouse utiliza exclusivamente datos de laboratorio, lo que significa que las auditorías se ejecutan en un entorno controlado y predefinido, no recopilado de los datos reales del usuario.

Hay algunas formas diferentes de acceder a la prueba de velocidad de Google Lighthouse. La forma más fácil para que los no desarrolladores usen Lighthouse es a través de la extensión del navegador Chrome, aunque la extensión no puede auditar páginas con autenticación de cookies por sí sola. Los desarrolladores pueden usar Chrome DevTools para un acceso completo.

Su informe Lighthouse incluirá información sobre:

• Rendimiento: las auditorías de rendimiento miden todas las mismas métricas de velocidad que PSI, además de proporcionar datos de desarrollo más detallados.
• Prácticas recomendadas: las auditorías de prácticas recomendadas analizan el "estado del código" general de un sitio en comparación con los estándares de desarrollo modernos, incluidos los estándares de seguridad.
• Accesibilidad: es imposible resumir la accesibilidad web en una sola puntuación, por lo que las auditorías de accesibilidad buscan varias oportunidades de mejora en el diseño, las interfaces de usuario, el lenguaje, el desarrollo y otras áreas.
• SEO: Las auditorías de optimización de motores de búsqueda (SEO) brindan una prueba básica para verificar si los motores de búsqueda pueden rastrear fácilmente su página.
• Aplicación web progresiva: si su sitio es una aplicación web progresiva, esta auditoría mide su velocidad general, confiabilidad e instalabilidad.

¿Qué son los paquetes Lighthouse Stack?

Stack Packs es una de las funciones más recientes de Lighthouse. Con Stack Packs, los desarrolladores pueden ver recomendaciones basadas en pilas según las pilas que usa una página. Estas recomendaciones son más relevantes que las recomendaciones generales estándar que ofrece Lighthouse, que no son compatibles con todas las herramientas y plataformas. Con frecuencia se lanzan nuevos Stack Packs, así que visite el repositorio oficial de Github para obtener más información.

Google PageSpeed ​​Insights frente a Lighthouse

Google PageSpeed ​​Insights combina datos de laboratorio y de usuarios del mundo real para proporcionar una descripción completa y fácil de entender de la velocidad de una página. Lighthouse está enfocado en el desarrollador y recopila datos de laboratorio de auditorías que cubren todo, desde la velocidad de carga de la página hasta la seguridad web. Ambos ofrecen recomendaciones de mejora.

Google PageSpeed ​​Insights frente a Lighthouse: descripción general

Cuándo usar Google PageSpeed ​​Insights

Use PSI si desea una comprensión clara de la velocidad de una URL y recomendaciones de mejora específicas para implementar usted mismo o transmitir a un desarrollador.

Cuándo usar Google Lighthouse

Use Lighthouse si es un desarrollador (o no es un desarrollador con algún conocimiento de desarrollo) y desea profundizar en muchas métricas diferentes del sitio más allá de la velocidad de la página. Stack Packs puede ayudar a proporcionar recomendaciones más personalizadas que las estándar que ofrece Lighthouse.

¿Quiere los mejores datos? Usa tanto PageSpeed ​​Insights como Lighthouse

PSI y Lighthouse tienen sus fortalezas y limitaciones, pero son más efectivos cuando se usan juntos para crear una imagen completa de su sitio.

Si bien Lighthouse proporciona una vista más amplia de los datos, PageSpeed ​​Insights le brinda una visión más realista del rendimiento de las páginas web para los usuarios reales. Use ambos para obtener recomendaciones para mejorar el front-end y back-end de su sitio. Cuantos más datos tenga a su disposición, más efectivos serán los ajustes de su sitio.

Aproveche al máximo las herramientas de Google con nuestro libro electrónico gratuito

Si quita algo de este artículo, debería ser que la velocidad de la página es importante, y mucho más compleja de lo que parece en la superficie. Al igual que no existe una sola forma de aumentar la velocidad de un sitio, no existe una sola forma de aumentar el rendimiento del motor de búsqueda de su sitio, ni siquiera una de las mejores herramientas de Google para realizar un seguimiento de los datos.

Optimizar su sitio implica hacer malabarismos con una gran cantidad de datos y navegar por herramientas complicadas. Para hacer las cosas menos complicadas, descargue nuestro libro electrónico gratuito, Herramientas de Google para SEO .

Una guía de herramientas de Google para SEO

Descargue esta guía para aprender cómo hacer el mejor uso de las poderosas herramientas gratuitas que proporciona Google para mejorar sus procesos y rendimiento de SEO.