Por qué tu web va lenta en el móvil y cómo solucionarlo sin rehacerla entera
Tu web se ve perfecta en el ordenador de la oficina, pero un cliente la abre desde el móvil en la calle y tarda una eternidad en cargar. Ese pequeño detalle te está costando ventas todos los días, aunque no lo veas en ningún sitio. La buena noticia es que casi nunca hace falta tirar la web abajo y empezar de cero para arreglarlo.
En la mayoría de pymes con las que trabajamos, el problema no es «la web entera», sino tres o cuatro cosas concretas que se pueden medir y corregir. Vamos a verlas con nombres y apellidos, para que sepas qué está pasando y qué se puede hacer sin reventar el presupuesto.
Por qué el móvil es donde de verdad te juegas el negocio
En España, más del 70% de las visitas a webs de servicios y comercios locales llegan desde el móvil. Si tienes una clínica dental en Valencia, una asesoría en Bilbao o una tienda de reformas en Sevilla, la primera impresión que da tu negocio ocurre casi siempre en una pantalla de seis pulgadas y, muchas veces, con una conexión de datos regulera.
El móvil juega con desventaja frente al ordenador: procesador más modesto, memoria más justa y una red que va y viene según la cobertura. Una web que en tu portátil con fibra carga en un segundo puede tardar cinco o seis en el 4G de un cliente que va en el metro. Y ahí entra el dato incómodo: cada segundo de más dispara el porcentaje de gente que cierra la pestaña antes siquiera de ver lo que ofreces.
Google, además, lleva años usando la versión móvil de tu web como la «oficial» para posicionarte. Se llama indexación mobile-first. Si tu web móvil es lenta y torpe, no solo pierdes al visitante que ya estaba ahí: pierdes posiciones en el buscador y, con ellas, visitantes futuros que ni llegan a encontrarte.
Qué mide Google exactamente: los Core Web Vitals
Cuando alguien te dice que «tu web tiene mal rendimiento», normalmente se refiere a un conjunto de métricas que Google llama Core Web Vitals. No hace falta que te las aprendas de memoria, pero entender qué significan te ayuda a hablar de tú a tú con quien te lleve la web.
LCP: cuánto tarda en aparecer lo importante
El LCP (Largest Contentful Paint) mide cuánto tarda en dibujarse el elemento más grande de la pantalla, que suele ser la imagen de cabecera o el titular principal. Si tarda más de 2,5 segundos, Google lo considera mejorable. Es la métrica que más nota el usuario: es la sensación de «esto no carga».
INP: cuánto tarda la web en responderte
El INP (Interaction to Next Paint) mide el tiempo que pasa desde que tocas un botón o un menú hasta que la web reacciona. Cuando pulsas «Pedir cita» y no pasa nada durante medio segundo, ese retraso es lo que penaliza esta métrica. Suele estar causado por exceso de scripts pesados corriendo a la vez.
CLS: cuando todo baila mientras cargas
El CLS (Cumulative Layout Shift) mide cuánto se mueven los elementos mientras la página termina de cargar. Seguro que te ha pasado: vas a pulsar un enlace y de repente entra un banner, todo se desplaza y acabas clicando donde no querías. Eso, además de irritante, penaliza.
Lo bueno de estas tres métricas es que son públicas y gratuitas de medir. Con PageSpeed Insights de Google o con la pestaña Lighthouse del navegador tienes un diagnóstico en dos minutos. El truco está en interpretarlo bien y en no obsesionarse con la puntuación de 100, que casi nadie tiene y que no siempre compensa perseguir.
Las imágenes: el sospechoso número uno
Si tuviera que apostar por una única causa de lentitud en el móvil, apostaría por las imágenes. Es, con diferencia, lo más habitual y lo más fácil de arreglar sin tocar el diseño.
El caso típico: alguien sube al gestor la foto tal cual salió de la cámara o del banco de imágenes, un archivo de 4.000 píxeles de ancho y varios megas de peso, para mostrarla en un hueco que en el móvil ocupa 360 píxeles. El navegador se descarga la imagen gigante y luego la encoge. Multiplica eso por diez fotos en la portada y ya tienes una web que arranca ahogada.
Las soluciones no requieren rehacer nada:
- Redimensionar cada imagen al tamaño real en el que se muestra, sin pasarse.
- Servirlas en formatos modernos como WebP o AVIF, que pesan entre un 30% y un 70% menos que un JPG antiguo con la misma calidad visible.
- Aplicar carga diferida (lazy loading): las fotos que están más abajo solo se descargan cuando el usuario baja hasta ellas.
- Reservar el espacio de cada imagen con sus dimensiones, para que no haya saltos raros mientras cargan (adiós al CLS).
Un ejemplo real y bastante común: una tienda online de productos gourmet tenía una portada de 9 MB por culpa de las fotos de producto. Optimizándolas bajó a 1,4 MB sin que se notara pérdida de calidad. El LCP en móvil pasó de más de 6 segundos a menos de 2,5. Cero cambios de diseño, cero maquetación nueva.
Hosting y caché: los cimientos que nadie mira
Puedes optimizar cada imagen a la perfección, pero si tu web está en un alojamiento compartido barato saturado de otras webs, sigues teniendo un problema de base. El servidor tarda en «contestar» y ese retraso se suma a todo lo demás.
Aquí conviene revisar dos cosas. La primera es el TTFB (el tiempo que tarda el servidor en empezar a enviar la página); si supera el medio segundo de forma sistemática, el hosting se te queda corto. La segunda es si tienes activada la caché, que consiste en guardar una versión ya montada de tus páginas para no tener que fabricarlas de cero en cada visita.
Para un negocio español con clientela local, tiene sentido un hosting con servidores en Europa (mejor si están en España o cerca) y, si vendes o recibes visitas de fuera, una CDN que sirva tu web desde el punto más cercano a cada usuario. Son mejoras de fontanería, invisibles para el visitante, pero que recortan segundos de forma consistente.
En WordPress, WooCommerce, PrestaShop o Drupal, activar bien una capa de caché suele ser cuestión de configuración, no de rehacer la web. El error frecuente es instalar tres plugins de caché que se pisan entre ellos y acaban dando más problemas que soluciones.
Scripts, plugins y cookies: el peso que se acumula sin darte cuenta
Las webs engordan con el tiempo. Empiezas con algo ligero y, mes a mes, vas sumando: el chat de atención, el píxel de Facebook, Google Analytics, un mapa incrustado, un plugin para las reseñas, otro para el formulario, el banner de cookies... Cada añadido carga su propio código, y ese código se ejecuta en el móvil del cliente, no en tu ordenador.
El resultado es una web que dedica los primeros segundos a arrancar herramientas de terceros antes de mostrarte lo que has ido a ver. Además, en España el banner de cookies del RGPD, si está mal implementado, puede tapar la pantalla y bloquear la interacción justo al entrar, empeorando la experiencia y las métricas.
Qué se puede hacer sin quedarte manco de funciones:
- Auditar qué scripts se cargan de verdad y eliminar los que ya no usas (ese plugin que probaste hace dos años y sigue ahí).
- Retrasar la carga de lo no esencial (chats, mapas, vídeos) hasta que el usuario interactúe o baje la página.
- Cargar los recursos externos de forma asíncrona, para que no bloqueen el pintado de la página.
- Configurar el banner de cookies para que sea ligero y no impida ver el contenido de fondo.
He visto webs recortar más de un segundo de carga simplemente quitando plugins muertos y ordenando cómo se cargaba el resto. Sin rediseñar ni una sola página.
Qué ganas de verdad: SEO, conversión y confianza
Todo esto no es un capricho técnico. El rendimiento en móvil impacta directamente en tres cosas que sí ves en la cuenta de resultados.
La primera es el posicionamiento. Con la indexación mobile-first, una web rápida en el móvil tiene ventaja para subir en Google frente a competidores más lentos con contenido parecido. No es la única señal, pero sí una de las que puedes controlar.
La segunda es la conversión. Un visitante que espera menos y navega sin saltos ni bloqueos llega más veces al formulario, a la llamada o al carrito. En comercio electrónico, mejoras de un par de segundos en la carga se traducen con frecuencia en subidas de ventas de dos cifras porcentuales.
La tercera, más difícil de medir pero igual de real, es la confianza. Una web que carga rápido y va fina transmite que hay un negocio serio detrás. Una lenta y a trompicones genera la duda de si tratarán igual de mal el pedido o la cita. Tu web es el escaparate, y en el móvil ese escaparate se abre miles de veces al mes.
Por dónde empezar sin agobiarte
Si has llegado hasta aquí, seguramente sospechas que tu web tiene alguno de estos problemas. La forma sensata de abordarlo no es a ciegas, sino midiendo primero para atacar solo lo que de verdad pesa.
Un plan realista para una pyme sería este:
- Diagnóstico: medir Core Web Vitals reales en móvil e identificar los dos o tres cuellos de botella principales.
- Victorias rápidas: optimizar imágenes, activar caché y limpiar scripts inútiles. Suele ser donde está el 80% de la mejora.
- Base sólida: revisar hosting y CDN si el servidor es el freno.
- Seguimiento: volver a medir a las semanas y comprobar el efecto en tráfico y contactos.
Casi siempre se puede hacer sobre la web que ya tienes, respetando tu diseño y sin parar el negocio. Rehacerla entera solo tiene sentido cuando la tecnología está tan obsoleta que arreglar sale más caro que empezar de nuevo, y ese no suele ser el caso.
Si prefieres no pelearte tú con PageSpeed y plugins, en Tangram hacemos una auditoría de rendimiento móvil que te dice, en cristiano, qué está frenando tu web y cuánto cuesta arreglar cada cosa, con prioridades claras. Cuéntanos cómo va tu web y te preparamos un diagnóstico sin compromiso para que sepas exactamente por dónde empezar.