Un visitante medio no espera. Si tu web tarda más de tres segundos en mostrar contenido, una parte importante de tus visitas ya se habrá ido antes de ver lo que ofreces. Y no es solo una cuestión de paciencia: Google utiliza la velocidad como señal directa de posicionamiento a través de los Core Web Vitals. La buena noticia es que acelerar una web no exige un cambio radical, sino aplicar un conjunto de mejoras técnicas concretas, una a una. Esta guía te lleva paso a paso por las que de verdad marcan la diferencia.

¿Por qué la velocidad ya no es un detalle técnico?

Google evalúa tres métricas principales —LCP (qué tan rápido se ve el contenido principal), INP (qué tan rápido responde la página a una interacción) y CLS (cuánto se mueve el contenido mientras carga)— y las usa para decidir qué webs posicionar mejor. Más allá del SEO, el impacto en conversión es directo: cada segundo adicional de carga reduce la probabilidad de que un visitante se quede, rellene un formulario o complete una compra.

Paso 1: Optimiza las imágenes antes que nada

Las imágenes suelen ser la causa principal de una carga lenta. Tres cambios sencillos resuelven la mayoría de los casos: convertir a formatos modernos como WebP o AVIF (hasta un 30% más ligeros que JPG con la misma calidad visual), servir el tamaño adecuado para cada dispositivo, y retrasar la carga de las imágenes que no se ven al entrar en la página.

<!-- Carga diferida nativa, sin necesidad de librerías -->
<img src="producto.webp" alt="Descripción del producto" loading="lazy" width="800" height="600">

Paso 2: Configura el caché del navegador y del servidor

Si tu web vuelve a descargar el mismo CSS, JavaScript o logo en cada visita, estás desperdiciando velocidad de forma gratuita. Indicarle al navegador cuánto tiempo puede guardar cada tipo de archivo es uno de los cambios con mejor relación esfuerzo-resultado.

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Paso 3: Carga el JavaScript y el CSS de forma inteligente

Un script que bloquea el renderizado de la página mientras se descarga es una de las causas más comunes de mal LCP. Usar defer o async permite que el navegador siga construyendo la página mientras el script se descarga en segundo plano. Es también un buen momento para revisar si todos los plugins de jQuery que arrastra el proyecto siguen siendo necesarios: muchos de ellos pueden sustituirse por JavaScript nativo, más ligero y sin dependencias externas.

<script src="script.js" defer></script>

Paso 4: Optimiza las consultas a tu base de datos

En webs con MySQL, una consulta sin índice puede tardar segundos en lugar de milisegundos a medida que crece la tabla. Evita el SELECT * cuando solo necesitas columnas concretas, añade índices a los campos que usas en cláusulas WHERE o JOIN, y revisa el plan de ejecución con EXPLAIN antes de dar por buena una consulta lenta.

-- Ejemplo: índice compuesto para acelerar un filtro habitual
ALTER TABLE pedidos ADD INDEX idx_cliente_fecha (cliente_id, fecha_pedido);

Paso 5: Hosting y CDN, la base que sostiene todo

Ninguna optimización de código compensa un hosting compartido saturado de tráfico ajeno. Si tu web ha crecido en visitas, plantéate un hosting con más recursos dedicados o un CDN para servir imágenes y archivos estáticos desde un servidor más cercano a cada visitante.

¿Cómo comprobar si las mejoras están funcionando?

Mide antes y después con PageSpeed Insights o el informe de Core Web Vitals de Search Console. No te quedes solo con la puntuación general: presta atención a las tres métricas (LCP, INP, CLS) por separado, porque cada una se corrige con cambios distintos.

¿Por dónde empezar si no tienes tiempo para todo?

Si solo puedes abordar una parte ahora, prioriza imágenes y caché: son los cambios con mayor impacto y menor esfuerzo de implementación. JavaScript y base de datos son el siguiente escalón, y la revisión de hosting suele ser la última pieza, salvo que el tráfico ya esté desbordando los recursos actuales.

Si después de aplicar estos cambios tu web sigue lenta, o prefieres que alguien con experiencia técnica lo revise por ti, puedo echarle un vistazo sin compromiso y decirte exactamente qué está frenando tu web.