Tu página web puede tener el mejor diseño, el mejor contenido y el mejor producto — pero si tarda más de 3 segundos en cargar, más de la mitad de tus visitantes se irán antes de verla. No es opinión: es un dato documentado por Google en su estudio sobre velocidad móvil. Cada segundo adicional de carga aumenta la probabilidad de abandono en un 32%.
La velocidad web no es un lujo técnico — es un factor que afecta directamente tus ventas, tu posicionamiento en Google y la percepción de tu marca. En esta guía te explico por qué importa, cómo medirla y qué puedes hacer para mejorarla.
Por qué la velocidad web importa para tu negocio
Según un estudio de Portent publicado en 2022, las páginas que cargan en 1 segundo tienen una tasa de conversión 3 veces mayor que las que cargan en 5 segundos. Cada segundo adicional reduce las conversiones aproximadamente un 4.42%. Esto significa que si tu web tarda 5 segundos en cargar, estás perdiendo clientes que ya estaban interesados en tu producto o servicio.
Pero el impacto va más allá de las conversiones. Una web lenta afecta:
- Posicionamiento en Google: desde junio de 2021, Google usa las Core Web Vitals como factor de ranking. Las páginas lentas tienen desventaja directa en los resultados de búsqueda
- Tasa de rebote: Google reporta que cuando el tiempo de carga pasa de 1 a 3 segundos, la probabilidad de rebote aumenta un 32%. De 1 a 5 segundos, aumenta un 90%
- Percepción de marca: según una encuesta de Akamai, el 47% de los usuarios espera que una web cargue en 2 segundos o menos. Una web lenta transmite falta de profesionalismo y genera desconfianza
- Usuarios móviles: en Perú, más del 85% del tráfico web viene de dispositivos móviles, muchos con conexiones 4G irregulares. La velocidad es aún más crítica en este contexto
Core Web Vitals: las métricas que Google mide
En 2020, Google introdujo las Core Web Vitals — tres métricas específicas que miden la experiencia de velocidad percibida por el usuario. Desde 2021 son factor de ranking. Estas son:
- LCP (Largest Contentful Paint): mide cuánto tarda en aparecer el elemento más grande visible en la pantalla (generalmente una imagen hero o un bloque de texto principal). Bueno: menos de 2.5 segundos. Malo: más de 4 segundos
- INP (Interaction to Next Paint): reemplazó a FID en marzo de 2024. Mide cuánto tarda la página en responder visualmente cuando el usuario hace clic, toca o escribe. Bueno: menos de 200 milisegundos. Malo: más de 500 milisegundos
- CLS (Cumulative Layout Shift): mide cuánto se mueve el contenido mientras carga. Esos saltos molestos cuando una imagen carga y empuja el texto hacia abajo. Bueno: menos de 0.1. Malo: más de 0.25
No necesitas memorizarlas — lo que importa es que Google las mide en cada visita a tu web y las usa para decidir tu posición en los resultados de búsqueda.
Cómo medir la velocidad de tu web (gratis)
Existen varias herramientas gratuitas que te dan un diagnóstico completo. Estas son las más confiables:
- PageSpeed Insights (pagespeed.web.dev): la herramienta oficial de Google. Te da una puntuación de 0 a 100 tanto para móvil como para escritorio, y lista los problemas específicos con sugerencias de mejora. Es la referencia principal porque usa datos reales de Chrome
- GTmetrix (gtmetrix.com): ofrece un análisis detallado con cascada de carga (waterfall) que muestra exactamente qué recursos tardan más. Útil para identificar archivos pesados o peticiones lentas
- WebPageTest (webpagetest.org): permite hacer pruebas desde diferentes ubicaciones geográficas y conexiones. Puedes simular cómo carga tu web desde una conexión 3G en Lima, por ejemplo
Consejo: siempre mide la velocidad en móvil, no en escritorio. El puntaje móvil suele ser 20-40 puntos menor que el de escritorio, y Google prioriza la indexación móvil (mobile-first indexing) desde 2019.
Las 7 causas más comunes de una web lenta
Después de auditar decenas de sitios web de negocios en Perú, estos son los problemas que encuentro una y otra vez:
- Imágenes sin optimizar: fotos subidas directamente de la cámara o el celular sin comprimir. Una imagen JPEG de 3 MB puede reducirse a 80 KB en formato WebP sin perder calidad visible. Es la causa #1 de webs lentas
- Exceso de plugins (WordPress): cada plugin agrega código JavaScript y CSS que el navegador debe descargar y ejecutar. Un WordPress con 20+ plugins puede generar más de 30 peticiones HTTP adicionales por página
- Hosting barato o compartido: hosting a S/10-15 al mes comparte recursos con cientos de sitios. Cuando uno de esos sitios tiene un pico de tráfico, todos los demás se ralentizan. El servidor importa tanto como el código
- JavaScript y CSS sin minificar: los archivos de código contienen espacios, comentarios y saltos de línea que el navegador no necesita. Minificar estos archivos puede reducir su tamaño entre un 30% y 70%
- Sin caché del navegador: sin caché configurada, cada visita descarga todos los recursos desde cero. Con caché, las visitas recurrentes cargan casi instantáneamente porque los archivos ya están guardados en el dispositivo del usuario
- Tipografías web pesadas: Google Fonts es gratuito pero cada variante de fuente que cargas (regular, bold, italic, light) suma peticiones y peso. Cargar 6 variantes de una fuente puede agregar 300+ KB y varias peticiones HTTP
- Sin lazy loading: cargar todas las imágenes de la página al inicio, incluso las que están fuera de la pantalla. Con lazy loading, las imágenes se cargan solo cuando el usuario hace scroll hasta ellas
Cómo mejorar la velocidad de tu web
Estas son las optimizaciones que aplico en cada proyecto y que generan el mayor impacto:
- Convertir imágenes a WebP o AVIF: estos formatos modernos ofrecen la misma calidad visual con entre un 25% y 50% menos de peso que JPEG o PNG. La mayoría de navegadores actuales los soportan (WebP tiene 97% de soporte global según Can I Use)
- Implementar lazy loading: agregar el atributo
loading="lazy"a las imágenes que no son visibles inicialmente. Es una línea de código HTML que reduce drásticamente el tiempo de carga inicial - Minificar CSS y JavaScript: herramientas como CSSO y Terser reducen el tamaño de los archivos eliminando caracteres innecesarios. Un archivo CSS de 50 KB puede quedar en 15 KB tras minificarlo
- Configurar caché del navegador: establecer cabeceras de caché para que los archivos estáticos (CSS, JS, imágenes) se guarden en el dispositivo del visitante. La configuración típica es 1 año para recursos estáticos con cache-busting por versión
- Precargar recursos críticos: usar
rel="preload"para tipografías y CSS crítico, yrel="preconnect"para dominios externos como Google Fonts. Esto le dice al navegador que empiece a descargar esos recursos antes de que los necesite - Elegir un hosting de calidad: un hosting con SSD, PHP 8+, HTTP/2 y servidor en Sudamérica marca la diferencia. La latencia entre un servidor en Lima y uno en Estados Unidos puede sumar 100-200 ms por petición
- Usar un CDN: un Content Delivery Network replica tu sitio en servidores alrededor del mundo, sirviendo los archivos desde el punto más cercano al visitante. Cloudflare ofrece un plan gratuito que incluye CDN y protección DDoS
WordPress vs código a medida: el impacto en velocidad
Esta comparación es directa y medible. Un WordPress estándar con tema comercial y 10-15 plugins típicamente obtiene entre 30 y 60 puntos en PageSpeed móvil. El mismo contenido con código a medida puede alcanzar 90-100 puntos sin esfuerzo adicional.
La razón es estructural: WordPress carga su CMS completo (PHP + base de datos MySQL) en cada visita, más el código del tema, más el código de cada plugin activo. Un sitio estático con código a medida sirve archivos HTML, CSS y JavaScript directamente — sin procesamiento del servidor, sin consultas a base de datos, sin capas intermedias.
Esto no significa que WordPress sea malo para todos los casos. Si necesitas un blog con publicaciones frecuentes, un e-commerce complejo o un sistema de gestión de contenido para múltiples editores, WordPress puede ser la opción correcta. Pero si tu web es una landing page, un portafolio o un sitio corporativo que no cambia a diario, el código a medida te dará mejor rendimiento, mejor SEO y menores costos de mantenimiento.
Caso real: el impacto de optimizar la velocidad
Cuando un cliente llega con un WordPress que puntúa 35 en PageSpeed móvil y lo rediseño con código a medida optimizado, los resultados son consistentes:
- PageSpeed móvil: de 30-40 a 90-100 puntos
- Tiempo de carga: de 4-8 segundos a menos de 1.5 segundos
- Peso de página: de 3-5 MB a 300-500 KB
- Peticiones HTTP: de 40-80 a 8-15
Estos números no son teóricos — son los resultados que obtengo consistentemente aplicando las técnicas descritas arriba. Y el impacto en posicionamiento SEO y conversiones se nota en semanas, no en meses.
Preguntas frecuentes
Ingresa tu URL en PageSpeed Insights (pagespeed.web.dev), una herramienta gratuita de Google. Te dará una puntuación de 0 a 100 y te mostrará exactamente qué problemas tiene tu página. Un puntaje por debajo de 50 en móvil indica problemas serios de velocidad.
Google recomienda que el contenido principal (LCP) se muestre en menos de 2.5 segundos. En la práctica, cualquier página que tarde más de 3 segundos en mostrar contenido útil está perdiendo visitantes. Los sitios mejor optimizados cargan en menos de 1.5 segundos.
No necesariamente, pero sí tiende a ser más lento que un sitio con código a medida. WordPress carga su CMS completo, tema, plugins y base de datos en cada visita. Con buena optimización (caché, CDN, hosting de calidad, pocos plugins) puede mejorar, pero rara vez alcanza los 90-100 puntos en PageSpeed que logra un sitio estático bien optimizado.
Sí. Desde 2021, Google usa las Core Web Vitals como factor de ranking. Una web rápida no te garantiza el primer puesto, pero una web lenta sí puede perjudicar tu posición. Además, una web rápida reduce el porcentaje de rebote y aumenta el tiempo de permanencia, que son señales indirectas de calidad para Google.