Lighthouse, medir el rendimiento de tu web

En este post os vamos a explicar una herramienta de medición de rendimiento de tu web, Lighthouse de Google, que se presenta en dos formatos: una extensión para el navegador, o un servicio web llamado PageSpeed Insights.

La tecnología web cambia mucho más rápido de lo que pueda parecer. Los requerimientos de los navegadores, de los robots de búsqueda,... cambian con mucha frecuencia. De un tiempo (muy lejano ya) a esta parte la web se ha convertido en "mobile first", esto significa que no solo se tiene que seguir con planteamientos responsivos, sino que la analítica de tu sitio web es cada vez más importante. En la mayoría de los sitios web el tráfico móvil normalmente supera el 50%, eso quiere decir que tus visitantes suelen entrar a tu web a través del móvil. Aunque la conectividad móvil ha mejorado mucho con el 5G, es más que obvio que esta tecnología no se ha implementado como norma todavía, y el coste de su implementación más la espera a que los usuarios actualicen sus dispositivos hacen que el 4G siga siendo el valor default en nuestro país.

Hace algo más de un año, Google anunció que desindexaria de las búsquedas móviles las webs que no estuvieran adaptadas para estos dispositivos, y está valorando cada vez más los tiempos de carga con relación al posicionamiento. Toda esta introducción para remarcar la importancia de los tiempos de carga, especialmente en dispositivos móviles. Pero ¿cómo podemos tener un valor objetivo de los tiempos de carga de la web? Aquí es donde entra Lighthouse, un software de medición de rendimiento, accesibilidad, mejores prácticas y SEO que nos dará unos valores más o menos objetivos para medir estos valores en nuestra web.

Hace poco un cliente con presencia internacional, especialmente en Latino América, tuvo problemas con la carga de su página en algunos países, "la web tarda mucho en cargar", "es que no podemos esperar X segundos",... la carga de la web depende de muchos factores, el principal es la conexión del visitante, la arquitectura y tecnología de la web, el servidor donde está alojada, los CDNs que se utilizan,... pero Lighthouse nos da un valor sobre el que apoyarnos para tener cierta objetividad. Ese mismo cliente me dijo, "he mirado en Google Analytics y me dice que la media de carga es de X segundos", y probablemente ese dato es correcto, pero lo que no está teniendo en cuenta es a ese visitante tomándose una piña colada, conectado al repetidor de una palmera de una playa paradisíaca en República Dominicana que está reventando cualquier analítica de promedio. Para eso esta Lighthouse, que nos da un dato objetivo y una serie de recomendaciones de mejoras, revisiones que podemos hacer en nuestra web. Hasta donde queramos o podamos llegar es otro tema. ¿Que sacrificios estéticos estamos dispuestos a realizar?

Un ejemplo, un carrusel donde poner todos tus KPIs es muy tentador, con imágenes de alta calidad, que ocupen el 100% de la pantalla del visitante, con un efecto a lo Matrix 25 que hará que cualquier visitante quiera hacer clic y se convierta en una conversión segura,... ¿En que se traduce todo esto?. 10 imágenes en el carrusel porque son los 10 KPIs más importante y sin ellos todo el mundo se demorona, de aproximadamente 1920 x 1080 píxeles para cubrir con ciertas garantías la pantalla del visitante, a una media (muy optimista) de 1 MB por imagen, porque la optimización es para cobardes,... Pues acabamos de añadir 20 segundos de carga a tu homepage,  toda la optimización al garete.

Para medir estas cosas tenemos Lighthouse, hay otros servicios que miden los mismos parámetros, hay servicios que nos dan información más detallada en algún apartado concreto, pero el Lighthouse es sin duda una muy buena fuente de información mientras estamos desarrollando.