Google lo tiene claro desde hace años: la velocidad de carga es un factor de posicionamiento. Pero más allá del SEO, los datos de comportamiento de usuario son demoledores. Si tu web tarda más de 3 segundos en cargar, pierdes aproximadamente el 53% de los visitantes móviles antes de que vean una sola línea de tu contenido. Eso no es una estimación: es el resultado de estudios de Google sobre millones de páginas.
La buena noticia es que los culpables más habituales de una web lenta son siempre los mismos. Y la mayoría se pueden corregir sin tocar una sola línea de código.
El culpable más frecuente: las imágenes
Las imágenes representan, de media, más del 60% del peso total de una página web. El problema típico es que se suben directamente desde el móvil o la cámara —archivos de 4, 6 u 8 MB— sin ningún procesado previo. El navegador del visitante tiene que descargar esos megabytes enteros antes de mostrar la página.
WebP: el formato que deberías usar siempre
El formato WebP produce imágenes visualmente idénticas al JPEG o PNG pero con un tamaño entre un 25% y un 35% menor. Es compatible con todos los navegadores modernos desde hace años. Si tu web aún sirve imágenes en JPEG o PNG, estás enviando más datos de los necesarios en cada visita.
Para convertir imágenes puedes usar herramientas gratuitas online como Squoosh (squoosh.app) o simplemente instalarte un plugin si usas WordPress, como ShortPixel o Imagify, que convierten y comprimen automáticamente al subir.
Lazy loading: no cargues lo que no se ve
Por defecto, un navegador intenta cargar todas las imágenes de la página antes de mostrarla. El lazy loading le dice al navegador que solo cargue las imágenes que están dentro del área visible de la pantalla, y que el resto las cargue conforme el usuario hace scroll. El resultado es que la página parece cargarse de forma instantánea.
En HTML moderno basta con añadir el atributo loading="lazy" a la etiqueta de imagen. En WordPress hay plugins que lo hacen de forma global sin tocar nada.
Regla práctica: ninguna imagen en tu web debería pesar más de 200 KB. Las imágenes de hero o portada, máximo 400 KB. Si tienes imágenes de más de 1 MB, ahí está gran parte del problema.
El exceso de plugins y scripts de terceros
Cada plugin instalado en WordPress, Prestashop u otro CMS añade código que el navegador debe descargar y ejecutar. Muchos plugins también cargan scripts de terceros: fuentes externas, trackers de analytics, widgets de chat, píxeles de publicidad, scripts de redes sociales. Cada uno de esos scripts es una petición adicional a un servidor externo que puede tardar decenas o cientos de milisegundos.
¿Cuántos plugins son demasiados? No hay un número mágico, pero más de 20-25 plugins activos en un WordPress es una señal de alerta. El problema no es tanto el número como la calidad del código de cada uno. Un plugin mal programado puede ralentizar más que diez bien escritos.
Cómo detectar qué script está ralentizando tu web
Abre Chrome, ve a tu web, pulsa F12 para abrir las herramientas de desarrollador y ve a la pestaña "Network". Recarga la página. Verás una lista de todos los recursos que se cargan, ordenados por tiempo. Los que aparecen en rojo o tardan más de 500ms son los sospechosos habituales.
- Revisa qué plugins de WordPress llevan más de dos años sin actualización: suelen ser los más lentos.
- Los scripts de redes sociales (botones de compartir, feeds de Instagram embebidos) son especialmente costosos. Valora si aportan lo suficiente como para justificar el coste en velocidad.
- Si tienes varios plugins de caché activos a la vez, se pueden estar pisando. Solo necesitas uno.
El hosting: la base que lo sostiene todo
Puedes optimizar cada imagen y eliminar todos los plugins innecesarios, pero si tu hosting es de baja calidad, el techo de rendimiento que puedes alcanzar es muy bajo. El servidor es donde vive tu web, y su velocidad de respuesta es el primer eslabón de la cadena.
Los hostings compartidos de gama baja —los que cuestan 2-3€ al mes— alojan literalmente miles de webs en el mismo servidor físico. Cuando otro cliente tiene un pico de tráfico, tu web se resiente. Además, suelen tener servidores en ubicaciones lejanas al usuario final, lo que añade latencia.
La diferencia real entre un hosting de 2€/mes y uno de 10-15€/mes no es el precio: es que el segundo suele incluir SSD NVMe en lugar de discos duros, versiones modernas de PHP, caché a nivel de servidor, y servidores en Europa con tiempos de respuesta muy inferiores. Para la mayoría de webs de pymes, un hosting como SiteGround, Webempresa o Raiola Networks ofrece un salto de rendimiento notable sin ser un gasto desorbitado.
El tiempo de respuesta del servidor (TTFB, Time To First Byte) debería estar por debajo de 200ms. Si está por encima de 500ms, el problema es el hosting, no el código.
Cómo usar Google PageSpeed Insights
Ve a pagespeed.web.dev, introduce la URL de tu web y pulsa analizar. En menos de un minuto tienes un informe completo dividido en móvil y escritorio. La puntuación va de 0 a 100. Por debajo de 50 es urgente; entre 50 y 89 hay margen de mejora; por encima de 90 estás bien.
Lo más valioso del informe no es la puntuación, sino la sección "Oportunidades", donde PageSpeed te dice exactamente qué está lastrando la velocidad y cuánto tiempo te ahorraría corregirlo. Te muestra cosas como "Eliminate render-blocking resources" (scripts que bloquean la carga), "Properly size images" (imágenes demasiado grandes), o "Reduce unused JavaScript" (código que se descarga pero no se usa).
Qué priorizar primero
No intentes arreglar todo a la vez. El orden lógico para obtener el mayor impacto con el menor esfuerzo es:
- Primero: Comprimir y convertir a WebP todas las imágenes. Es el cambio con más impacto y el más sencillo.
- Segundo: Activar un plugin de caché si usas WordPress (WP Rocket, W3 Total Cache o LiteSpeed Cache dependiendo de tu hosting).
- Tercero: Revisar y desactivar plugins que no uses activamente.
- Cuarto: Si el TTFB es alto, plantearse un cambio de hosting.
- Quinto: Optimizaciones de código más avanzadas (minificación de CSS/JS, diferir scripts no críticos).
Cuándo tiene sentido contratar ayuda
Los cuatro primeros puntos los puede hacer cualquier persona con un poco de paciencia y las herramientas correctas. El quinto ya requiere conocimientos técnicos. Si después de comprimir imágenes, instalar caché y revisar plugins tu puntuación sigue por debajo de 60, o si el problema está en el código de la plantilla que usa tu web, es el momento de pedir ayuda a alguien que sepa lo que está mirando.
Una auditoría de rendimiento profesional detecta en pocas horas los cuellos de botella específicos de tu web y prioriza las acciones con mayor retorno. En muchos casos, una intervención de 3-4 horas puede duplicar la puntuación de PageSpeed y reducir el tiempo de carga a la mitad.