Historias de éxito de Google Lighthouse: mejora del rendimiento con optimización técnica

Con Google Lighthouse, puede evaluar rápida y fácilmente el rendimiento técnico de cualquier URL. Las pruebas detalladas miden los tiempos de carga, la accesibilidad y la seguridad web y, al mismo tiempo, revelan el potencial para mejorar la infraestructura técnica de un sitio web. En esta publicación de blog, me gustaría compartir algunos ejemplos de empresas que han utilizado con éxito Google Lighthouse para ayudar a mejorar su rendimiento en línea. Descubra cómo el mercado asiático Carousell utilizó Lighthouse para generar un 63 % más de tráfico orgánico, cómo las puntuaciones de rendimiento de TripAdvisor y Expedia's Lighthouse se correlacionan con las clasificaciones de Google, y más.

Si está buscando una descripción general de qué es Google Lighthouse y qué tan relevante es para las clasificaciones de los motores de búsqueda, entonces puede comenzar leyendo nuestro documento técnico de Searchmetrics, "Factores de clasificación de Google Lighthouse 2019". El documento analiza el estado actual de optimización de los sitios web mejor clasificados en Google.com, según los datos de más de 15 millones de auditorías de Google Lighthouse. Descargue el documento técnico aquí:

Factores de clasificación de Google Lighthouse 2019

Historia de éxito 1: cómo eBay de Asia elevó su Lighthouse Performance de 17 a 84 puntos

Nuestro primer estudio de caso de Lighthouse proviene de la respuesta de Asia a eBay, el mercado carousell.com. La plataforma de Singapur se basa principalmente en el tráfico móvil y, con miras a expandirse a otros países asiáticos como Indonesia y Filipinas, buscaban una manera de aumentar el tiempo de carga móvil de su aplicación web progresiva: "Hacer que una página web tome más más de 15 segundos para cargar a través de 3G (como lo hizo el nuestro) es inaceptable si queríamos adquirir y retener a nuestros nuevos usuarios”, explica Stacey Tay, Web Tech Lead en Carousell, en una publicación de blog en Medium donde describe cómo Carousell abordó la optimización del rendimiento técnico de su sitio.

Para empezar, explica Stacey, los resultados de sus auditorías iniciales de Lighthouse fueron una llamada de atención: la puntuación de rendimiento fue de solo 17 puntos y los resultados en las categorías de accesibilidad y aplicación web progresiva fueron muy mediocres. Solo las puntuaciones en dos categorías, SEO y mejores prácticas, que se centran en los aspectos de seguridad de un sitio web como HTTPS o bibliotecas seguras de JavaScript, fueron satisfactorias.

En función de estos resultados, la optimización se centró principalmente en mejorar los resultados en las categorías Lighthouse de Rendimiento y Aplicación web progresiva. La comparación antes/después de las puntuaciones Lighthouse de carousell.com muestra cuánto progreso se logró en estas áreas:

Las medidas de optimización técnica se llevaron a cabo en 2018; a fines de octubre, Stacey Tay documentó el éxito en Medium. Si observamos la visibilidad SEO de carousell.com en su país de origen, Singapur, podemos ver una clara mejora en el rendimiento:

Antes de implementar las tareas necesarias para la optimización, se estableció un claro objetivo de misión:

“Queríamos brindarles a los nuevos usuarios una experiencia placentera desde el principio porque el rendimiento es la experiencia del usuario. Para hacer esto, diseñamos una nueva experiencia web que prioriza el rendimiento”. Stacey Tay, líder de tecnología web en Carousell

Esta misión sentó las bases para la optimización técnica del sitio web. Es importante destacar que esto no se trató como un proyecto paralelo, se le dio una alta prioridad y se le asignó un presupuesto de desempeño dedicado. Con esta misión establecida, escribe Stacey, fue más fácil motivar al equipo, convencer a la gerencia de la importancia del proyecto y justificar la inversión demostrando el éxito del proyecto.

Después de acordar el presupuesto, se establecieron objetivos basados ​​en puntajes en las auditorías de Google Lighthouse:

Como se mencionó anteriormente, la puntuación de rendimiento antes de la optimización era de solo 17 puntos. Después de optimizar la página de inicio de carousell.com, obtuvieron una puntuación de 84 puntos. Los aspectos de la infraestructura del sitio que se abordaron incluyeron la configuración de un sistema de almacenamiento en caché más efectivo con trabajadores de servicios y almacenamiento en caché de cajas de trabajo, compresión de imágenes y aplicación de CSS en línea. Juntas, estas medidas contribuyeron a la creación de una aplicación web progresiva rápida y fácil de usar, y así es como se carga la página ahora:

La evidencia sólida del éxito de la optimización del rendimiento de Carousell se puede encontrar en los números. Además de reducir el tiempo de carga en un 65%, la mejora más destacable se aprecia en el aumento del tráfico. Desde la optimización, el tráfico orgánico de Carousell aumentó un 63 %:

Lea los factores de clasificación de Google Lighthouse 2019

Historia de éxito 2: cómo Staples y Walmart usaron tiempos de carga más rápidos para aumentar las conversiones

Cuando se habla de optimización de los tiempos de carga, hay algunas estadísticas de Google que se utilizan con frecuencia como puntos de referencia. Por ejemplo, a medida que aumenta el tiempo de carga, también aumenta la probabilidad de que un usuario móvil regrese a los resultados de búsqueda. Si el tiempo de carga aumenta de uno a tres segundos, la probabilidad de la tasa de rebote aumenta en un 32 %; si los tiempos de carga van de uno a cinco segundos, la probabilidad de rebote aumenta en un 90%.

La herramienta de análisis de velocidad de página GTmetrix investigó los beneficios concretos de reducir los tiempos de carga, observando una amplia gama de sitios web minoristas. Los ejemplos incluyen minoristas de gran peso como Staples y Walmart, y demuestran la clara correlación entre tiempos de carga más rápidos y mayores tasas de conversión.

Lea los factores de clasificación de Google Lighthouse 2019

Historia de éxito 3: Cómo Douglas redujo los tiempos de carga a la mitad

Ahora pasamos al gigante de los perfumes alemán, Douglas, que usó Google Lighthouse para realizar grandes mejoras en el rendimiento de su sitio web. Su historia de éxito se remonta al Black Friday de 2017, cuando el gran aumento en el tráfico significó que la página no estaba disponible para algunos usuarios. Los puntajes de rendimiento de Google Lighthouse en ese momento también mostraron un claro margen de mejora. Michael Singer, un consultor independiente de SEO tecnológico con sede en Múnich que trabajó en el proyecto para douglas.de y, desde mayo de 2018, coordinó las operaciones entre TI y SEO, explica: “Antes de la optimización, el tiempo para interactuar en 3G era de más de 20 segundos. – ahora lo hemos reducido a alrededor de 8 segundos”.

Para lograr este impresionante resultado en la auditoría de Google Lighthouse, se realizaron cambios significativos en el sitio web del minorista de perfumes. “Revisamos más de 200 tickets técnicos”, explica Michael, y recuerda los numerosos cambios que se realizaron: se desactivó el subdominio móvil; los usuarios móviles ahora aterrizan en el dominio www principal receptivo de Douglas. Además, douglas.de se convirtió para usar JS React, que reduce la cantidad de nodos y solicitudes, comprime HTML y reduce el tamaño de las imágenes. También se redujo la latencia de la base de datos y se implementaron varias optimizaciones de caché.

“El foco de nuestro trabajo es el usuario, quien debe poder usar el sitio web lo más rápido posible. El objetivo de nuestra optimización de la velocidad de la página era llegar a un primer tiempo interactivo de 4 segundos. Esto, junto con el cambio a JS React y el cambio a una única versión de sitio web receptivo, condujo a un crecimiento significativo en nuestra visibilidad de SEO, un mayor tráfico y una mayor facturación”. Michael Singer, consultor independiente de SEO tecnológico

Estas optimizaciones, utilizando las puntuaciones de rendimiento de Google Lighthouse, dieron como resultado una mejora notable en los tiempos de carga de la página. “Para verificar las métricas, realizamos pruebas de velocidad en tiempo real con Instana que nos muestran efectos a largo plazo. En abril de 2018, los valores de escritorio aún superaban los 8 segundos. En octubre de 2018, a menudo alcanzamos la marca de los 4 segundos”. Por último, pero no menos importante, también se mejoró la disponibilidad técnica del sitio web, por lo que ahora se pueden manejar mejor los picos de tráfico como el que se vivió en el Black Friday.

Esta optimización del rendimiento trajo un cambio inmediato en la visibilidad SEO de douglas.de. Entre mayo de 2018 y mayo de 2019, el dominio experimentó un aumento del 25 % en visibilidad orgánica.

Por supuesto, Searchmetrics SEO Visibility es solo un indicador inicial del rendimiento de un sitio web en Google. Michael Singer ofrece más información sobre otros KPI que se han visto afectados por la optimización de douglas.de. “Las visitas han aumentado mucho y la facturación también ha experimentado un fuerte crecimiento”, dice Michael. La tasa de conversión también ha aumentado en una proporción similar, sobre todo porque el SEO es el canal que genera la mayor facturación de douglas.de.

Resultados de la optimización de Douglas de un vistazo:

• Tiempo de carga de la página -50%
• Visibilidad SEO +25%
• Gran aumento de visitas, conversiones y facturación.

Lea los factores de clasificación de Google Lighthouse 2019

Historia de éxito 4: Cómo influye el rendimiento de la URL en las clasificaciones de Google para TripAdvisor y Expedia

Para investigar la relación entre las puntuaciones de Lighthouse Performance y las clasificaciones reales de Google, decidí realizar un análisis dentro de la industria de viajes. Recopilé 3500 palabras clave relacionadas con viajes en torno a temas de hoteles, vuelos y caravanas, y analicé las páginas de clasificación en Google.com, además de observar las posiciones de clasificación de TripAdvisor y Expedia para estas palabras clave. El resultado: TripAdvisor y Expedia ocupan un lugar destacado cuando su Google Lighthouse Performance también es alto:

¿Por qué hay una conexión tan clara aquí? La industria de viajes en línea es altamente competitiva, con numerosos jugadores importantes luchando por ella. Además de TripAdvisor y Expedia, tiene Booking.com, Hotels.com, FlightRadar, etc., todos los cuales tienen un alto nivel de confianza y son marcas populares bien establecidas. Al mismo tiempo, es difícil diferenciar entre las diferentes marcas. En muchos casos, el contenido, por ejemplo, la descripción de un hotel, será muy similar; esto dificulta que un sitio web se destaque con una USP importante. Y si varias señales de clasificación son en gran medida las mismas (marca de tamaño similar, interfaz similar, características similares, contenido similar), entonces es probable que el rendimiento del sitio web sea el factor decisivo al determinar las clasificaciones.

“ Un tiempo de carga rápido es muy importante para una buena experiencia de usuario. Cada interrupción al interactuar con un sitio web crea una pequeña frustración, y la frustración del usuario crece a medida que ocurren más interrupciones. Si el tiempo de carga aumenta solo unos segundos, numerosos sitios web muestran un aumento en la tasa de rebote, lo que finalmente conduce a una caída en la tasa de conversión”. Nils Kattau, especialista en conversión

Para saber qué tan relevantes son los resultados de Google Lighthouse para su mercado, puede trabajar con factores de clasificación personalizados de Searchmetrics. Analizamos los datos de Google Lighthouse para su mercado relevante, los combinamos con nuestros propios datos de clasificación de Searchmetrics y brindamos recomendaciones concretas y prácticas para la optimización técnica de su sitio web. Solicita tu informe personal hoy:

Solicite una auditoría Lighthouse personalizada de Searchmetrics