How To Use Automated Lighthouse Audits To Improve Page Speed

Cómo utilizar las auditorías de Google Lighthouse para mejorar la velocidad

Probablemente conozcas la siguiente historia: pasas mucho tiempo leyendo cómo acelerar tu blog de WordPress e instalando herramientas y complementos gratuitos para hacerlo. Luego, usted (o su cliente) realiza un cambio aparentemente menor en una de sus páginas, y la velocidad de su página cae repentinamente por un precipicio.

Si realmente desea mejorar la velocidad de su sitio web, debe verificar su velocidad con regularidad, en cuyo caso puede detectar este problema con bastante rapidez. Sin embargo, sería bueno si hubiera una forma automatizada de verificar la velocidad de su sitio de WordPress cada vez que realiza un cambio. Afortunadamente, hay una solución.

Esta solución es para configurar Google Lighthouse para realizar auditorías de velocidad bajo demanda para su sitio de WordPress. Configurar esto puede llevar un poco de tiempo, pero tampoco es tan complicado para el usuario avanzado. En este artículo, explicaremos por qué y cómo configurar Lighthouse CI para su sitio de WordPress.

Introducción a las pruebas de velocidad de WordPress

Por qué es importante la velocidad de la página

Echemos un vistazo más de cerca a por qué necesita probar rápidamente su sitio de WordPress y las formas estándar disponibles para hacerlo.

Básicamente, hay dos razones por las que su sitio web, ya sea que esté basado en WordPress o no, debe ser rápido. La primera es simplemente que la capacidad de atención promedio del usuario de Internet ya es muy corta, con el 47% de los consumidores esperando que una página web se cargue en menos de dos segundos, y rápidamente abandonarán una página si la carga es demasiado larga. Por esta razón, reducir los tiempos de carga es una preocupación fundamental para las tiendas de comercio electrónico en particular.

La segunda razón es un poco más técnica, pero no menos importante. Google usa la velocidad del sitio como señal de clasificación desde 2010. Como resultado, la velocidad del sitio web se ha convertido en un factor cada vez más importante para avanzar en el ranking de búsqueda de Google de su página.

Por esta razón, la propia información PageSpeed ​​de Google es una herramienta clave. comúnmente utilizado por especialistas en SEO y especialistas en marketing, porque brinda acceso directo al sistema mediante el cual los algoritmos de búsqueda de Google evalúan la velocidad de la página.

Estas consideraciones se aplican tanto a WordPress como a los sitios que se ejecutan en otras plataformas. Por esta razón, y debido al dominio del mercado de WordPress, ahora hay varias herramientas disponibles para probar la velocidad de su sitio. Estos van desde verificaciones al azar basadas en navegador hasta paquetes de software de escritorio completos que le brindarán una visión detallada del rendimiento de cada página en su sitio de WordPress.

Google Lighthouse y WordPress

Buque insignia de Google

Una de las herramientas más importantes y populares para evaluar la velocidad (y la calidad general) de los sitios web es Buque insignia de Google. Hasta hace poco, Lighthouse fue utilizado casi exclusivamente por desarrolladores y otros tipos de técnicos. Pero Google ha trabajado arduamente para que sea accesible para el usuario promedio, y está ganando popularidad como herramienta de prueba de velocidad debido al alto nivel de automatización que ofrece.

Lighthouse se puede ejecutar en cualquier página, ya sea que requiera autenticación o no, y si se ejecuta en WordPress o no. Ejecutará una serie de pruebas definidas por el usuario y luego generará un informe sobre el rendimiento de la página.

Informe de Google Lighthouse CI

Estos informes se pueden utilizar para mejorar la calidad general de sus páginas web, incluida su velocidad.

Si bien puede ejecutar Lighthouse directamente desde Chrome DevTools, también hay una versión de la herramienta que se actualiza continuamente. Esto se conoce como Lighthouse CI, y será la versión de Lighthouse. que los usuarios más avanzados necesitan.

CI, en este contexto, significa integración continua. Es un paradigma de desarrollo de software en el que los desarrolladores suben continuamente actualizaciones de software a un repositorio central, de modo que los usuarios siempre tengan acceso a la última versión. CI es ahora la norma en muchas tecnologías e industrias web. Por ejemplo, el 43% de las aplicaciones bancarias están programados con COBOL, un lenguaje de programación informático basado en CI.

Una de las razones por las que CI no ha despegado en todas partes es que todavía existe una suposición generalizada (y a menudo infundada) de que plantea importantes problemas de seguridad. Sin embargo, la verdad es que IC puede conducir a sistemas de software más seguros mediante la práctica de proporcionar una aplicación de seguridad automatizada.

También hay muchas razones para usar Lighthouse CI para auditar la velocidad de su sitio de WordPress, pero entre las más útiles, puede configurar Lighthouse CI para que se ejecute automáticamente cada vez que su sitio se actualice o cambie. Esto se puede hacer utilizando un presupuesto de Lighthouse, donde puede establecer una serie de pruebas de velocidad personalizadas para diferentes partes de su sitio.

Además, incluso puede utilizar este sistema automatizado para evitar cambios que ralentizarán la implementación de su sitio en sus sitios de WordPress (o en los de sus clientes). Esto evita automáticamente que los cambios costosos afecten su puntaje de PageRank.

Uso de Lighthouse CI con WordPress

El proceso de configuración de Lighthouse CI para que se ejecute en su sitio de WordPress no es complicado, pero es un poco complicado.

Para aquellos que buscan un resumen del proceso, o que tienen un poco más de conocimiento técnico, aquí están los esquemas del proceso:

  • Primero, deberá configurar un nuevo repositorio de GitHub para realizar un seguimiento de los cambios en su sitio de WordPress. Si prueba la velocidad de su sitio de forma regular de todos modos, configurar un repositorio como este es una excelente manera de realizar un seguimiento de su sitio, ya sea que use o no Lighthouse CI.
  • A continuación, deberá descargar Lighthouse CI y configurarlo para comprobar si hay cambios. Luego, puede crear una acción Lighthouse que se ejecute automáticamente cada vez que se cambie una URL en su sitio de WordPress.
  • Para crear la función, deberá crear una función de Google Cloud separada que pueda actualizar la configuración de la acción Lighthouse CI con las URL cambiadas recientemente de los mapas del sitio XML y luego enviar la nueva configuración al repositorio.

En este punto, una instancia de Lighthouse CI se ejecutará automáticamente en su sitio de WordPress y le notificará cuando los cambios planificados lo estén ralentizando. Desde allí, incluso puede agregar acciones automáticas a su repositorio de GitHub para evitar que dichos cambios se publiquen en su sitio.

La mejor alternativa al uso de Lighthouse CI para aumentar la velocidad de su sitio de WordPress es utilizar las herramientas de prueba de velocidad integradas en su alojamiento web. Los hosts de WordPress más comunes, como SiteGround o Kinsta, vienen con algunas herramientas de prueba de velocidad que afirman aumentar la velocidad del sitio en más del 200%, y también se pueden usar junto con Lighthouse CI si se desea.

Pensamientos finales

En última instancia, el objetivo de instalar Lighthouse CI en su sitio de WordPress es brindarle una mejor supervisión de su rendimiento; no le ayudará a mejorar este rendimiento.

Si continuamente ve páginas que exceden su presupuesto de desempeño de Lighthouse, ahora es el momento de actuar. Lea nuestras guías sobre cómo optimizar sus páginas de WordPress, o incluso puede dar el paso más drástico de encontrar servicios CDN que puedan acelerar WordPress.

Cualquiera que sea el enfoque que adopte, tenga en cuenta la importancia de la velocidad para el éxito de su sitio web. Asegúrese de realizar auditorías con regularidad.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba