Camino hacia el sitio web más rápido en energía: Cómo la colaboración a largo plazo con PageSpeed.ONE mejoró el INP en un 38 %

En el sector energético, cualquier retraso es sinónimo de falta de fiabilidad. Incluso pequeños retrasos hacen que los visitantes pierdan confianza al interactuar. Descubra cómo, a través de una colaboración a largo plazo, aseguramos la fluidez del sitio web para el grupo energético innogy y superamos definitivamente la métrica INP.

El proyecto de optimización de velocidad para innogy (un proveedor líder de energía en la República Checa con millones de visitas mensuales) requirió una combinación de experiencia técnica profunda y capacidad para gestionar cambios en un entorno complejo.

El equipo de PageSpeed.ONE actúa como socio estratégico para la velocidad del sitio, alineando los objetivos comerciales del cliente con la realidad técnica de los navegadores modernos.

Situación: Cuando el sitio «se congela»

En sitios corporativos grandes, el mayor desafío es la fluidez percibida. Para los usuarios de innogy.cz, es crucial que las interacciones, como en las calculadoras de precios de energía o al completar contratos, sean inmediatas.

Antes de comenzar con optimizaciones intensivas, el sitio enfrentaba altos valores de INP (Interaction to Next Paint). En la práctica, esto significaba que después de hacer clic en un botón, había un retraso, el sitio «se congelaba» momentáneamente y el usuario perdía confianza en si el sistema respondía a su comando.

En las calculadoras de precios de energía, incluso un retraso de unos cientos de milisegundos puede ralentizar todo el proceso y causar frustración al usuario.

Para el operador, esto representa un riesgo de abandono de la ruta de conversión, disminución de la confianza en el canal digital y posible pérdida de conversiones.

Estrategia: La fuerza de la concepción sobre ajustes puntuales

La colaboración con innogy se lleva a cabo en el marco de un cuidado a largo plazo. En lugar de apagar incendios, apostamos por:

• Monitoring PLUS, que es la base para cualquier solución continua de velocidad.
• Análisis SpeedSprint, sondeos profundos en problemas específicos (GTM, INP...).
• Presupuesto mensual, reuniones regulares y control de límites de velocidad al implementar nuevas funciones.
• Coordinación interdisciplinaria: afinamos los resultados de nuestros análisis en colaboración directa con desarrolladores internos y externos del cliente y analistas en el caso de Google Tag Manager.

Avance técnico: Cómo «rompimos» el INP

En enero de 2026, los gráficos finalmente se volvieron verdes. No fue el resultado de un solo cambio, sino el efecto compuesto de ajustes derivados de los análisis SpeedSprint. El gráfico muestra solo algunos de ellos.

Evolución de la distribución de la métrica INP en usuarios móviles en innogy.cz. El objetivo es tener la mayor cantidad de usuarios en la zona verde.

¿Qué hicimos en 2025 para optimizar la métrica INP?

1. CSS eficiente: Limpieza de selectores complejos (especialmente eliminación del uso excesivo de :has), lo que liberó el núcleo de renderizado del navegador.
2. Confirmación visual: Implementación de spinners en elementos de acción. Aunque el cálculo en segundo plano continúa, el usuario recibe retroalimentación inmediata de que el sitio «está trabajando».
3. GTM bajo control: Junto con analistas, revisamos Google Tag Manager. Eliminamos scripts innecesarios que bloqueaban el hilo principal del navegador en el momento de la interacción del usuario.
4. Ajuste de código jQuery: Revisamos el código que utiliza el framework jQuery y propusimos ajustes específicos en la delegación de eventos.

Como se puede ver en el gráfico, estos cambios se reflejaron gradualmente en un aumento del número de usuarios con valores verdes en la métrica INP.

Resultado: mejora del INP en un 38 %

Gracias a este trabajo minucioso, innogy.cz (incluidas las subdominios) se posicionó a la vanguardia del mercado.

Comparación del Score PageSpeed.ONE (SPS) para innogy.cz y sitios web competidores. Abajo se muestra el estado del puntaje para todos los sitios de innogy.

Los resultados de las optimizaciones son excelentes:

• Mejora del INP: Reducción del valor en un 38 % – de 290 ms originales a 180 ms en verde.
• Aumento del puntaje de velocidad (SPS): El sitio ahora alcanza un puntaje del 88 %, lo que lo convierte en el sitio web más rápido de la categoría de grandes jugadores energéticos en la República Checa.
• Core Web Vitals: Todo el dominio y subdominios ahora están en modo «cumplido» en todos los frentes, por lo que esperamos un impacto positivo en el tráfico y posiblemente en las conversiones.

Innovación como prueba de liderazgo y valentía

El coraje del cliente también se refleja en la adopción de las tecnologías más recientes. Como uno de los primeros en la República Checa, innogy.cz implementó Speculation Rules API.

Aunque esta tecnología no es directamente responsable de «arreglar» el INP, muestra un enfoque proactivo: el esfuerzo por estar un paso adelante de la competencia y las expectativas de los usuarios. Ambas actividades surgen de la misma filosofía: minimizar cualquier espera del usuario, ya sea durante la interacción (INP) o al cambiar entre páginas.

¿Qué dice el cliente?

«¡Es genial que hayamos mejorado significativamente la métrica INP! Esto se debe a un gran esfuerzo y una excelente colaboración en equipo de todos los involucrados, porque mantener el rendimiento web en una corporación no es un sprint, sino un maratón. La participación del equipo de PageSpeed.ONE nos ha brindado una amplia experiencia que nos sigue impulsando hacia adelante. Y gracias a su monitoreo regular y enfoque profesional, han sido un socio confiable para nosotros durante cuatro años.»

Honza Bobek de innogy

Perspectiva de PageSpeed.ONE: La continuidad como única vía

«Realizar cambios en un proyecto tan extenso es muy desafiante. Los sitios de innogy están construidos sobre componentes universales e interconectados, lo que representa otro desafío técnico. Optamos por una estrategia de cambios graduales y el cliente ayudó con una excelente coordinación, que es clave para el éxito de la optimización en un entorno corporativo.»

Michal Matuška de PageSpeed.ONE