Cómo optimizar el rendimiento del sitio web con Google Lighthouse - ES

Lighthouse es una herramienta gratuita y de código abierto de Google que mide la calidad de las páginas web. La herramienta ejecuta pruebas de rendimiento del sitio web., accesibilidad, y optimización de motores de búsqueda. Está diseñado para ayudar principalmente a los desarrolladores web., pero puede ser útil para los especialistas en SEO, así como para los propietarios de sitios web sin conocimientos técnicos particulares..

Todas las métricas de Lighthouse son una indicación de qué tan rápido funciona un sitio web para los visitantes reales – a través de dispositivos móviles y de escritorio. Y si tienes un negocio en línea, definitivamente debería preocuparse por el rendimiento rápido, ya que de esa manera ganará más clientes potenciales, incluyendo todos los demás beneficios.

Breve descripción del faro de Google

El equipo de desarrolladores de Google ha creado Lighthouse con la intención de permitir que los desarrolladores web y los propietarios de sitios reciban informes de rendimiento del sitio claros y procesables..

Todos los datos en Lighthouse se priorizan de acuerdo con su nivel de importancia. Una ventaja considerable es que los datos generados en Google Chrome funcionan con el rendimiento registrado en las máquinas de usuarios reales de todo el mundo.. Todas las métricas recopiladas se agregan de forma anónima.

Lighthouse está diseñado para ejecutar pruebas de sitio para las siguientes categorías:

• Actuación
• Accesibilidad
• Mejores prácticas
• SEO
• Aplicaciones web progresivas
• Anuncios de editor

Cada auditoría generada por Lighthouse tiene un documento de referencia que explica por qué la auditoría es importante, así como la forma de mejorarlo.

Google Lighthouse Metrics

Analizar todas las métricas de Google Lighthouse puede ser un proceso abrumador, especialmente para usuarios que no son expertos en tecnología.

Es por eso que en HTH.guide decidimos echar un vistazo a las principales categorías que revelan todas las métricas que deben corregirse o mejorarse., en un orden en el que un sitio web puede ejecutarse más rápido, ser optimizado y más fácil de navegar en.

Veamos la lista junto con algunos detalles para cada métrica.:

Actuación

En general, la categoría Rendimiento rastrea la velocidad de carga de su sitio web, ya que es uno de los factores de clasificación más importantes. Puede ver la progresión de velocidad de la carga de su sitio web en un formato cuadro por cuadro.

Cuando Lighthouse descubre que la velocidad de carga debe optimizarse, luego proporciona varias soluciones en el Oportunidades sección del informe.

Accesibilidad

Esta sección de revisión le presenta diferentes oportunidades para hacer que su sitio web sea más accesible para sus usuarios. Cuándo se optimizan mejor las métricas de la sección Accesibilidad según las sugerencias de la herramienta Lighthouse, eso significa que su sitio web ahora tiene una estructura sólida y presentable con atributos bien definidos.

Google ya ha cambiado a un enfoque móvil primero, por lo tanto, la optimización de estos factores garantiza que la versión móvil de su sitio web le brinde los mejores resultados en general.

Mejores prácticas

La sección de Mejores prácticas como su título sugiere, muestra los mejores métodos para optimizar el rendimiento de su sitio web. También destaca los puntos positivos que ya ha logrado.. No importa cuán insignificantes puedan parecer estos factores técnicos., son cruciales para proporcionar una experiencia en línea agradable y estable.

La categoría revela recomendaciones para prácticas de seguridad prominentes, así como formas adecuadas para la representación de imágenes.. Estas recomendaciones eliminan algunos problemas de rendimiento y dan como resultado un sitio web más fluido que está bien optimizado para SEO..

SEO

La sección de SEO audita el rendimiento de su sitio web en los motores de búsqueda.. Lighthouse utiliza los factores de clasificación de Google para evaluar el nivel de optimización de su sitio.

Se incluyen algunos de los factores de clasificación de búsqueda más importantes, como el rastreo y la indexación, facilidad de uso móvil, y calidad de contenido. Tenga cuidado con el hecho de que hay factores adicionales que Lighthouse no verifica que pueden afectar su clasificación de búsqueda.

Cambios importantes en la actualización de Lighthouse

En esta sección, nosotros en HTH.guide, enumerará las actualizaciones de la herramienta Lighthouse que introducen cambios importantes. Dichos cambios mejoran el trabajo de la herramienta agregando más métricas o sustancia en cambios pequeños pero intrínsecos..

Versión Faro 6.0.0 Actualizar

El gigante online Google ha introducido tres nuevas métricas al informe con Lighthouse 6.0.0. Dos de estas nuevas métricas: Pintura contenta más grande (LCP) y Cambio de diseño acumulativo (CLS) - son implementaciones de laboratorio de Core Web Vitals. Como se describe en el sitio de Google Web Dev:

LCP proporciona una señal a los desarrolladores sobre la rapidez con que un usuario puede ver realmente el contenido de una página. Mientras CLS cuantifica cuánto cambia visualmente el contenido de una página.

Unos años despues, en 2024, tenemos cambios más interesantes que vienen con el 11.00 y siguientes versiones.

¿Por qué es importante probar el rendimiento de un sitio web??

Con la velocidad del sitio convirtiéndose en uno de los factores de clasificación más importantes, probar qué tan rápido debe cargar un sitio parece ser un paso esencial del proceso de optimización.

Las investigaciones revelan que es una cuestión de un segundo de retraso en el tiempo de carga para que un usuario se desanime y abandone un sitio web determinado.. Cuanto más demore un sitio en cargar su contenido, menos tráfico es probable que gane únicamente en ese factor.

En turno, menos tráfico gana un sitio web, cuantos menos clientes tenga. La velocidad y el rendimiento del sitio pueden tener un impacto directo en el éxito de su negocio.

Entonces, la pregunta no es si necesita probar el rendimiento de su sitio o no., pero cómo probarlo mejor y optimizarlo si es necesario.

El estado actual de un sitio web es muy importante para ser medido. ¿Está funcionando lo suficientemente bien?, mal o simplemente bien? Puede comprender una serie de detalles esenciales sobre el rendimiento de su sitio web utilizando Google Lighthouse.

Con Google Lighthouse puede revelar datos sobre la velocidad de su sitio y su rendimiento, accesibilidad y SEO también. Para obtener un informe sobre todas estas y aún más métricas del sitio, le recomendamos que tenga un navegador Chrome instalado en su dispositivo..

Cómo probar el rendimiento del sitio web con Google Lighthouse

Una forma de usar el motor de Lighthouse es acceder a él a través de Chrome Dev Tools. Esto puede suceder directamente en su navegador Chrome – solo necesita abrir la página para la que desea analizar, prensa Comando + Opción + C (Mac) o Control + Shift + C (Ventanas, Linux, Chrome OS).

Nota IMPORTANTE! Para que la herramienta pueda generar un informe adecuado sobre el rendimiento de una página web / sitio web, debe realizar la prueba a través del navegador web gratuito de complementos o mediante el modo de incógnito.

En el lado izquierdo, verá una ventana gráfica de la página que será auditada. A la derecha aparecerá el panel de Auditorías de Chrome DevTools, que funciona con Lighthouse.

Cuando vea la lista de categorías de auditoría, marque las que necesita y ejecute auditoría. De 30 a 60 segundos más tarde, Faro le mostrará un informe en la página.

Cada auditoría de Lighthouse se detalla lo suficiente como para ayudarlo a mejorar las métricas o agregar lo que falta. Al lado de cada métrica, puede ver un enlace para obtener más información que abrirá una página descriptiva sobre la métrica dada.

Cómo acceder al faro de Google (Independientemente del navegador)

Aquí indicaremos formas de instalar Google Lighthouse o usar herramientas similares para acceder a sus funciones principales en cualquier navegador..

Extensión del faro de Google

Para la conveniencia de las personas, Lighthouse también se puede usar como una extensión del navegador. La extensión Lighthouse está disponible para los navegadores web Chrome y Firefox.

Entonces, si usted es uno de los usuarios que desea ejecutar pruebas de velocidad con la extensión Lighthouse, solo necesita encontrarlo en Chrome Web Store, respectivamente, complementos de Firefox, agregarlo al navegador seleccionado, y navega a su interfaz.

La extensión Lighthouse está diseñada para aparecer de manera muy similar a la apariencia de su navegador. Por lo tanto, puede monitorear las métricas del sitio web y considerar soluciones siguiendo los pasos de rendimiento del sitio web para Chrome enumerados anteriormente.

Instalación de Google Lighthouse con un script

Alternativamente, puede instalar la herramienta Tampermonkey y luego agregar un script personalizado de Google Lighthouse para que se ejecute en cualquier navegador, incluyendo lo siguiente:

• Google Chrome y sus bifurcaciones
• Microsoft Edge
• Safari
• Ópera Siguiente
• Mozilla Firefox

Solo asegúrese de que el script que ejecuta sea oficial y esté probado., de lo contrario, puede encontrarse con errores y manipulaciones no deseadas del navegador. Es mejor usar la extensión oficial o las herramientas de desarrollo del navegador Google Chrome si tiene la opción de evitar ejecutar Lighthouse a través de un script..

Pruebe la velocidad del sitio con Google PageSpeed ​​Insights

PageSpeed ​​Insights es otra herramienta en línea que le permite ejecutar pruebas de rendimiento para cada URL que desee. Genera datos de laboratorio y campo sobre los elementos de velocidad cruciales de la página..

Los datos de campo se basan en los usuarios de Chrome’ experiencia. Los datos de laboratorio presentan métricas de rendimiento y sugieren oportunidades y diagnósticos adicionales sobre la optimización de la velocidad del sitio.

Es de destacar que todas las métricas que se muestran en los datos del laboratorio son alimentadas por Lighthouse. Los informes también se pueden realizar para versiones de sitios web móviles y de escritorio como lo es con Lighthouse.

Una de las primeras cosas que verá en un informe de PageSpeed ​​Insights es la métrica de indicación de puntaje. Es el mismo puntaje que los usuarios encontrarán en el proyecto Google Lighthouse.

Pensamientos finales

El conocimiento práctico sobre la optimización del sitio web garantiza una mayor satisfacción del cliente.. Aquellos que saben cómo optimizar el rendimiento del sitio web con herramientas como Google Lighthouse están felices de obtener tasas de conversión más altas, registre más tiempo dedicado a las páginas y mejore potencialmente las ganancias comerciales.

Si tiene preguntas sobre las herramientas de SEO o desea compartir su experiencia con el desarrollo y la optimización del sitio web, deja un comentario abajo para iniciar una conversación.