Lo que le costaba a nuestra web una calculadora incrustada (y cómo lo arreglamos)

En la portada de esta web hay una calculadora que dice al momento cuánto cuesta gestionar campañas en Meta o Google. Vive en otra web nuestra y se muestra dentro de esta con un marco incrustado. Funcionaba, pero al medir la velocidad en móvil con Lighthouse, la herramienta de Google, apareció un problema que no se veía a simple vista.

Qué hemos probado

Medimos qué se descargaba antes de que apareciera lo más importante de la portada, la imagen grande de la cabecera, que es lo que Google llama «el mayor elemento visible». La calculadora estaba muy abajo, pero el navegador la pedía nada más leer la página: su propia web, sus estilos y tres tipografías, unos 130 KB que competían con la imagen de arriba.

Qué ha pasado

Cambiamos el orden: la calculadora llega sin dirección y solo se carga después de que la cabecera ya se ha pintado y cuando la persona se acerca a ella al bajar. Hicimos lo mismo con otras piezas que no se ven al entrar, y servimos cada imagen al tamaño que necesita cada pantalla en lugar de la grande para todos.

Qué recomienda Índole

Revisa qué cosas de otras webs muestras en la tuya: mapas, vídeos, chats, calculadoras o reservas. Cada una trae su propio peso. No hace falta quitarlas: basta con cargarlas cuando hacen falta. Y mide en móvil, que es donde más se nota y donde más se compra.