Por Tomás GTCMídela gratis en PageSpeed Insights con la versión móvil. Casi siempre la culpa es de imágenes demasiado pesadas, plugins de sobra, un hosting muy justo, muchas fuentes o vídeos cargados a lo bruto. Las imágenes y los plugins los puedes revisar tú; el hosting, la caché y el código mejor con alguien que sepa.
Primero, mide: no te fíes de tu móvil
Tu móvil ya tiene la web guardada en caché y seguramente vas con buena cobertura. Por eso a ti te va «bien» y a tu cliente no. Hay que medirlo con una herramienta.
La más sencilla es PageSpeed Insights, de Google. Pegas la dirección de tu web, pulsas analizar y te da dos cosas:
- Datos de usuarios reales (arriba). Salen solo si tu web tiene suficientes visitas. Es lo que de verdad viven tus clientes.
- Diagnóstico de laboratorio (abajo). Una prueba simulada con una nota de 0 a 100 y una lista de cosas que mejorar.
Mira siempre la pestaña Móvil. La mayoría de tus clientes te visitan desde el teléfono y ahí es donde se nota la lentitud.
No te obsesiones con el 100. La nota es orientativa. Lo que importa es que la página se vea rápido y responda cuando tocas algo. Una web con un 70 que carga ágil está mejor que una con un 95 que no vende.
Si tienes tu web dada de alta en Search Console, el informe de Métricas web principales te dice qué páginas van mal según datos reales.
Las tres cifras que mira Google
Google resume la experiencia de carga en tres métricas, las Core Web Vitals o Métricas web principales. Según web.dev, estos son los objetivos:
| Métrica | Qué mide, en cristiano | Objetivo |
|---|---|---|
| LCP | Cuánto tarda en verse lo principal de la página (la foto grande o el titular). | 2,5 segundos o menos |
| INP | Cuánto tarda la web en reaccionar cuando tocas un botón o un menú. | 200 milisegundos o menos |
| CLS | Si las cosas se mueven mientras carga (ese botón que salta justo cuando vas a pulsarlo). | 0,1 o menos |
Google recomienda que se cumplan en al menos el 75 % de las visitas. Si PageSpeed te marca alguna en rojo o naranja, ya sabes por dónde empezar.
La mido en móvil, te digo qué la frena y qué puedes arreglar tú y qué no. Sin compromiso.
Por qué va lenta tu web: las causas de siempre
Lo que veo en clientes se repite mucho. Casi siempre es una de estas, o varias a la vez:
1. Imágenes enormes
Es la causa número uno. Fotos subidas directamente desde el móvil o la cámara, con varios megas cada una, para mostrarse en un hueco pequeño. La web descarga la foto entera aunque la enseñe a tamaño sello.
2. Demasiados plugins
En WordPress es muy fácil ir instalando plugins «por si acaso»: sliders, contadores, pop-ups, redes sociales… Cada uno suele añadir su propio código, y la página lo carga todo aunque no lo use.
3. Un hosting muy justo
Los alojamientos más baratos comparten servidor con muchas webs. Si el servidor tarda en responder, da igual lo bien optimizado que esté lo demás.
4. Muchas fuentes tipográficas
Tres familias de letra, cada una con cuatro grosores, son muchos archivos que descargar antes de ver el texto bien.
5. Vídeos cargados a lo bruto
Un vídeo de fondo en la portada puede ser precioso y a la vez lo más pesado de toda la web. Igual con varios vídeos de YouTube incrustados en la misma página.
6. Maquetadores pesados y temas «todo en uno»
Algunos temas traen de serie decenas de funciones que no usas. Todo eso se carga igualmente.
7. Sin caché
Sin caché, el servidor vuelve a montar la página desde cero en cada visita. Con caché, la tiene preparada.
Casos que veo a menudo (y qué hice)
Sin dar nombres, estos son los patrones que más me encuentro al revisar webs de negocios:
La tienda con fotos de producto sin reducir
Cada ficha cargaba las fotos tal cual salieron de la cámara. La categoría, con muchos productos, tardaba muchísimo en móvil. Lo que hice: reducir y convertir las imágenes, y que el listado usara miniaturas de verdad. Si estás pensando en montar una, lo cuento en cuánto cuesta una tienda online en Cantabria.
La web con un plugin para cada cosa
Un plugin para el botón de WhatsApp, otro para el aviso de cookies, otro para un contador, otro para un slider que ya no se usaba… Cada uno con su código. Lo que hice: quitar lo que sobraba y hacer lo imprescindible con menos piezas.
El restaurante con vídeo de fondo
Una portada con un vídeo precioso que en móvil tardaba en arrancar y dejaba la pantalla en blanco. Lo que hice: una foto fija en móvil y el vídeo, más ligero, solo donde aportaba.
La web que «iba bien» hasta que se anunció
Con pocas visitas no se notaba. Al lanzar una campaña, el hosting más básico no daba abasto. Lo que hice: mover la web a un alojamiento adecuado y activar la caché antes de volver a invertir en anuncios. Si estás en ese punto, te interesa si merece la pena la publicidad con poco presupuesto.
Antes de tocar nada, copia de seguridad. Cualquier cambio de rendimiento puede romper algo. Con copia, se deshace en minutos. Y si notas cosas raras además de lentitud (redirecciones extrañas, anuncios que no has puesto), puede que no sea lentitud: lee me han hackeado la web, qué hago.
Lo que puedes arreglar tú esta semana
- Reduce las fotos antes de subirlas. Para una web normal casi nunca hace falta una foto de más de 2.000 píxeles de ancho. Guárdalas en formato WebP o JPG comprimido.
- Revisa las fotos que ya tienes. Empieza por la portada y las páginas que más visitas reciben.
- Borra los plugins que no usas. No basta con desactivarlos: si no los vas a usar, elimínalos. Antes, haz una copia de seguridad.
- Quita lo decorativo que no aporta. El slider de cinco fotos que nadie mira, el contador animado, el pop-up que sale nada más entrar.
- Cambia el vídeo de fondo por una foto, o pon el vídeo más abajo, donde no frene la primera impresión.
- Actualiza WordPress, el tema y los plugins. Las versiones nuevas suelen ir mejor y además son más seguras.
- Vuelve a medir en PageSpeed Insights y compara.
Con solo las imágenes, muchas webs mejoran de forma clara. Es lo primero que hago yo también.
Lo que mejor deja en manos de un profesional
Hay cosas que, mal hechas, te pueden romper la web. Aquí te recomiendo que te ayude alguien que sepa:
| Tarea | Por qué no es de «hazlo tú» |
|---|---|
| Configurar la caché | Mal configurada puede mostrar datos viejos o romper el carrito de una tienda. |
| Retrasar o combinar código (JavaScript y CSS) | Es lo que más mejora la nota y lo que más cosas rompe si se hace a ciegas. |
| Cambiar de hosting | Hay que mover archivos, base de datos, correo y DNS sin que la web se caiga. |
| Cambiar de tema o maquetador | Suele implicar rehacer páginas enteras. |
| Arreglar el INP | Normalmente es código que bloquea el navegador, y hay que ver cuál. |
Y un aviso: si la web está muy parcheada, a veces sale más a cuenta rehacerla bien que seguir poniendo tiritas. Lo cuento en cuánto cuesta mantener una página web. Cuando hago una web nueva en diseño web en Cantabria, la velocidad va incluida desde el principio.
Qué te cuesta una web lenta
La lentitud no es un problema técnico, es un problema de clientes:
- Gente que se va antes de ver nada. Sobre todo desde el móvil y con mala cobertura.
- Menos llamadas y reservas. Si el botón de llamar salta o tarda en responder, se pierden contactos. Si tienes visitas pero no te llaman, lee tengo visitas en la web pero nadie llama.
- Publicidad desperdiciada. Si pagas anuncios y la página tarda, pagas clics de gente que no llega a ver la oferta.
- Peor imagen. Una web lenta transmite dejadez, aunque tu negocio sea impecable.
En cuanto a Google: la experiencia de página cuenta, pero no hace milagros. Una web rápida con contenido flojo no va a subir por ser rápida. Si tu problema es que no sales, mira por qué mi web no aparece en Google y el trabajo de posicionamiento SEO.