Publicado el 9 de diciembre de 2025
Monrif es uno de los principales grupos editoriales de Italia, que opera marcas de noticias con mucho tráfico, como Il Resto del Carlino, Il Giorno, La Nazione y QN Quotidiano.net. Con millones de usuarios que acceden a docenas de artículos por sesión, optimizar la velocidad de navegación y el tiempo de carga de la página es fundamental para la retención y la participación de los lectores.
A principios de 2025, Monrif comenzó una iniciativa de rendimiento enfocada en mejorar el Procesamiento de imagen con contenido más grande (LCP) a través de la adopción de una estrategia de renderización previa eficaz con la API de Speculation Rules. Al identificar las páginas de artículos más visitadas y aplicar la renderización previa para esas rutas, Monrif logró una mejora de hasta el 17.9% en el LCP, lo que representa una mejora medible en el rendimiento y experiencias de noticias fáciles de usar. Además, esto se tradujo en un aumento notable de la participación de los usuarios, con picos de +8.9% en algunos segmentos.
Alentado por el éxito de la renderización previa, el equipo también implementó la compatibilidad con la memoria caché atrás/adelante (bfcache). Esto permitió que los visitantes que regresaban experimentaran tiempos de carga casi instantáneos cuando volvían a las páginas que habían visitado anteriormente, lo que contribuyó aún más a una experiencia de navegación fluida y responsiva.
Dónde comenzamos
Antes del lanzamiento, las pruebas internas y los datos del Informe sobre la experiencia del usuario en Chrome (CrUX) mostraron que muchas páginas de Monrif, en especial las vistas de artículos y de la página principal, tenían puntuaciones de LCP subóptimas.
Antes de que comenzaran los esfuerzos de optimización previos a marzo de 2025, el LCP del percentil 75 para las vistas de la página principal en varios títulos oscilaba entre 2.333 y 2.419 segundos. Si bien técnicamente se encuentra dentro del umbral de "bueno" (2.5 segundos o menos), aún había margen para mejorar el rendimiento percibido por el usuario durante los patrones de navegación de alta frecuencia.
Cómo mejoramos el LCP
Para reducir la latencia durante las navegaciones, Monrif implementó la renderización previa especulativa en todos los dominios para computadoras y dispositivos móviles con la API de Speculation Rules. La estrategia se diseñó para equilibrar el impacto en el rendimiento con la seguridad técnica, lo que permite la renderización previa solo cuando los elementos de vínculo coinciden con selectores y condiciones específicos.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
El nivel de anticipación se estableció en moderate para cualquier vínculo (con ciertas exclusiones). Este parámetro de configuración especula sobre el desplazamiento del cursor (en computadoras de escritorio) y se basa en la heurística del viewport (en dispositivos móviles). Este enfoque permitió que el equipo controlara el alcance de la renderización previa solo para los vínculos que probablemente se necesitarían y, de esta manera, se minimizó el uso de recursos.
Los resultados
Para evaluar el impacto de la renderización previa, enfocamos nuestro análisis en tres publicaciones principales de Monrif: Il Resto del Carlino, Il Giorno y La Nazione, con datos de GA4 y métricas de CrUX.
Si bien la renderización previa se habilitó tanto en computadoras como en dispositivos móviles, la incidencia fue significativamente mayor en computadoras, ya que "moderate" permitió que todos los vínculos adicionales estuvieran dentro del alcance cuando se colocaba el cursor sobre ellos. Por ejemplo, en La Nazione, el 13.9% de las vistas web (en computadoras) activaron la renderización previa, en comparación con solo el 2.9% en dispositivos móviles. Como resultado, las mejoras en el rendimiento fueron más visibles y coherentes en las plataformas de escritorio, que se convirtieron en el principal alcance de este estudio.
A fines de mayo de 2025, el rendimiento del LCP había mejorado significativamente en las tres publicaciones, como se observa en los datos de CrUX para computadoras:
Estas mejoras reflejaron de cerca los picos en la actividad de renderización previa. En la siguiente tabla, se muestran las mayores ocurrencias de la función de renderización previa, tanto por volumen como por aumento porcentual en comparación con su promedio, para cada sitio en computadoras:
En todos los títulos, los valores de LCP más bajos se observaron en períodos que se superponen en gran medida con los eventos de procesamiento previo más altos, en particular entre mediados de mayo y principios de junio de 2025. Esta sincronía sugiere una fuerte correlación entre la renderización previa especulativa y las ganancias de rendimiento en el mundo real.
El efecto de la participación
Paralelamente a las mejoras en el LCP, Monrif registró un aumento significativo en la participación de los usuarios durante el lanzamiento de la renderización previa. Al analizar los datos de GA4 en Il Resto del Carlino, Il Giorno y La Nazione, se observó que el porcentaje de participación mejoró significativamente en las semanas en las que la renderización previa estuvo más activa.
A continuación, se incluye un desglose de la correlación entre la intensidad del procesamiento previo, la mejora del LCP y el aumento de la participación en computadoras:
Si bien varios factores influyen en la participación, la correlación temporal cercana sugiere que un mejor rendimiento percibido con la renderización previa genera una interacción del usuario más profunda y sostenida.
Impacto publicitario
Si bien el objetivo principal de Monrif era mejorar la experiencia del usuario y el rendimiento, la iniciativa también parece haber tenido efectos positivos en las métricas publicitarias.
En particular, los porcentajes de visibilidad en el mercado abierto, un indicador clave de la visibilidad de los anuncios y la calidad del inventario, mostraron una mejora modesta, pero constante durante el lanzamiento de la renderización previa. En las tres publicaciones principales, la visibilidad promedio mejoró en un 1.03%, lo que coincide con las semanas de mayor actividad de renderización previa. Al igual que con el análisis de rendimiento y participación, estas cifras se centran en el tráfico de computadoras para garantizar la coherencia en todos los conjuntos de datos.
Esta mejora, aunque pequeña en términos absolutos, es significativa: incluso las ganancias marginales en la visibilidad pueden mejorar la calidad percibida del inventario, aumentar los porcentajes de relleno y mejorar la confianza de los anunciantes.
Lo que es particularmente notable es cómo esto se relaciona con las mejoras de rendimiento. Al reducir el LCP y mejorar la velocidad de navegación, Monrif ayudó a que las páginas se cargaran más rápido y mantuvo a los usuarios más comprometidos. A su vez, esto aumenta la probabilidad de que los anuncios permanezcan en el viewport por más tiempo y de que se vean.
Mejora de la navegación instantánea con la bfcache
Junto con la renderización previa, Monrif trabajó para habilitar la compatibilidad con la memoria caché atrás/adelante (bfcache) del navegador, un mecanismo de rendimiento que permite restaurar páginas de forma instantánea cuando los usuarios navegan con los botones Atrás o Adelante del navegador.
Para garantizar la compatibilidad con la bfcache, los desarrolladores abordaron varios bloqueadores comunes:
- Se quitaron los objetos de escucha de eventos
unload, ya que no son confiables y pronto dejarán de estar disponibles. - Se adoptó un encabezado
Permissions-Policyestricto para evitar la reintroducción de objetos de escucha de eventosunload(en particular, por parte de terceros). - Se implementaron objetos de escucha de eventos
pagehidepara cerrar conexiones de forma segura (por ejemplo, IndexedDB y WebSocket). - Se evitó el uso de
Cache-Control: no-store, a menos que fuera estrictamente necesario, ya que puede bloquear la bfcache en muchos casos.
Si bien el equipo aún no tenía suficientes datos para aislar el impacto de la bfcache con el mismo rigor estadístico que se usó para la renderización previa, las pruebas iniciales y los registros de las Herramientas para desarrolladores de Chrome confirmaron que las navegaciones compatibles se restauraron por completo desde la memoria, lo que generó tiempos de carga inferiores a un segundo cuando se navegó de vuelta a los artículos vistos anteriormente.
Conclusión
Con la integración de la renderización previa especulativa, Monrif mejoró significativamente el LCP en sus sitios web de noticias, con una reducción de hasta el 17.9% en el tiempo de carga. Estas mejoras no solo mejoraron el rendimiento percibido, sino que también se tradujeron en ganancias medibles en la participación de los usuarios en sus títulos principales.
Además, este caso sugiere que las optimizaciones del rendimiento centradas en el usuario pueden generar beneficios de monetización posteriores, ya que mejoran las condiciones que afectan cómo y cuándo se ven los anuncios.
En este caso de estudio, se demuestra cómo las optimizaciones de navegación modernas, como la renderización previa, pueden mejorar las Métricas web esenciales a gran escala, incluso en plataformas con mucho contenido, y traducirse en mejoras medibles en la experiencia del usuario y los resultados comerciales.