Por qué tu web tarda en cargar y cuánto te está costando

Una web lenta es como un negocio con la puerta atascada: el cliente llega, empuja, nota que algo no va y se marcha al de al lado. Y lo peor es que tú no ves nada: desde tu ordenador, con tu conexión de fibra y tu caché llena, tu web «va bien». El problema lo tienen los demás, desde un móvil, con la cobertura de un tren.

Vamos a ver qué significa realmente «tardar», cómo medirlo sin pagar nada, qué lo causa casi siempre y cómo calcular lo que te está costando con tus propios números, sin estadísticas inventadas.

Qué quiere decir «tarda»

No hay un único cronómetro. Google resume la experiencia de carga en tres señales a las que llama Core Web Vitals, y publica qué se considera «bueno» (web.dev lo explica aquí):

• LCP (Largest Contentful Paint): cuánto tarda en aparecer lo principal de la página, normalmente la imagen o el titular grande. Bueno: 2,5 segundos o menos.
• INP (Interaction to Next Paint): cuánto tarda la web en reaccionar cuando tocas algo. Bueno: 200 milisegundos o menos.
• CLS (Cumulative Layout Shift): cuánto «saltan» los elementos mientras carga (ese botón que se mueve justo cuando vas a pulsarlo). Bueno: 0,1 o menos.

No hace falta que memorices las siglas. Basta con recordar tres preguntas: ¿aparece pronto?, ¿responde rápido?, ¿se queda quieta?

Cómo medirla gratis en cinco minutos

1. PageSpeed Insights: escribe tu dirección y mira primero la versión móvil. Te da una puntuación y, sobre todo, una lista de cosas concretas por arreglar.
2. Lighthouse, integrado en el navegador Chrome (en las herramientas para desarrolladores): hace lo mismo desde tu equipo.
3. El informe de Core Web Vitals de Search Console, si ya tienes tu web dada de alta: son datos de usuarios reales, no de laboratorio.

Un matiz importante: los datos de laboratorio (los que se miden en una prueba) y los de campo (los de personas reales) pueden diferir bastante. Si los dos dicen lo mismo, perfecto. Si no, fíate más de los de campo.

Las seis causas más habituales

1. Plantilla o constructor visual pesado. Muchas plantillas cargan decenas de funciones que tu web no usa. Es como llevar un camión para ir a por pan.
2. Plugins acumulados. Cada plugin añade código. Tras años de «instalo este, que me hace falta», una web puede llevar veinte o treinta, la mitad sin uso.
3. Imágenes enormes. La foto del equipo sacada con el móvil, subida tal cual (varios MB) y mostrada en un recuadro pequeño. Se arregla comprimiendo, redimensionando y usando formatos modernos como WebP o AVIF.
4. Scripts de terceros. Chats, píxeles de publicidad, mapas, vídeos incrustados, fuentes que se descargan de otros servidores. Cada uno pide permiso a un servidor ajeno antes de que la página termine de cargar.
5. Hosting lento o mal configurado. Un alojamiento barato y saturado, sin caché, tarda en responder antes siquiera de enviar la página.
6. Vídeo o animaciones en la portada. Quedan vistosos en el despacho y se pagan en cada visita desde un móvil.

La buena noticia: casi todo tiene arreglo, y casi siempre se resuelve quitando cosas, no añadiéndolas.

Un error muy común: culpar solo al hosting

Cuando una web va lenta, lo primero que se piensa es «hay que cambiar de servidor». A veces es cierto, pero muchas veces no. Cambiar de hosting una web con imágenes de varios megas, quince plugins y un constructor visual pesado es como ponerle un motor nuevo a un camión cargado hasta arriba: algo mejora, pero el problema sigue ahí.

El orden razonable es el contrario: primero se aligera lo que la web carga (imágenes, scripts, plugins), después se revisa la configuración (caché, compresión) y, solo si hace falta, se cambia de servidor. Así te ahorras una migración innecesaria y sabes de verdad dónde estaba el problema.

Cuánto te está costando (con tus números)

No vamos a tirar de estadísticas ajenas, porque cada negocio es un mundo. Pero puedes hacer esta cuenta en cinco minutos con tus datos:

1. Mira cuántas visitas recibe tu web al mes (en Google Analytics, o en el panel de tu hosting).
2. Cuenta cuántos contactos recibes de ahí (llamadas, formularios, mensajes). Divide: ese es tu porcentaje de contacto.
3. Calcula lo que vale un contacto para ti (cuántos acaban siendo clientes y cuánto te dejan).

Un ejemplo ficticio, solo para entender la lógica: si recibes 1.000 visitas al mes y 20 contactos, tu tasa es del 2 %. Si una web más rápida y clara lograra subir esa tasa al 2,5 %, serían 5 contactos más cada mes. Multiplica por lo que vale cada uno y verás si compensa arreglar la velocidad. Los números reales son los tuyos, no los nuestros.

Y hay un segundo coste, menos visible: si pagas publicidad, cada euro lleva visitas a una página lenta. Es un cubo con agujero.

Por dónde empezar un lunes por la mañana

1. Mide tu web en PageSpeed Insights, en móvil, y apunta la puntuación.
2. Revisa las imágenes más pesadas y comprímelas o sustitúyelas.
3. Desactiva plugins que no uses (y haz copia de seguridad antes).
4. Quita scripts de terceros que no aporten (¿de verdad necesitas ese widget?).
5. Pregunta a tu hosting si tienes caché activada y qué versión de PHP usas (si es WordPress).

Si tras eso sigues en rojo, el problema suele ser estructural (la plantilla, el constructor, el servidor), y ahí conviene mirarlo con calma.

Cómo lo hacemos nosotros

Cuando construimos una web medimos con Lighthouse desde el primer día, usamos solo lo necesario, comprimimos y servimos las imágenes en formatos modernos y alojamos las fuentes en la propia web. Esta misma web está hecha con ese criterio, y puedes medirla tú mismo en PageSpeed Insights.

Si quieres saber en qué punto está la tuya, el diagnóstico gratuito incluye este análisis. Y si te interesa saber qué más debería incluir, lo contamos en qué es un diagnóstico web. Más sobre cómo trabajamos el desarrollo web en la página de servicios.