Calculadora de Tiempo de Carga Web
Estima el tiempo de carga de una página según peso, velocidad de conexión, latencia y número de recursos.
Estimación simplificada. Los tiempos reales dependen de muchos factores: caché, server-side rendering, hidratación JS, third-party scripts. Para auditoría real usa Lighthouse, WebPageTest o PageSpeed Insights.
¿Tu web necesita ser más rápida?
OCC organiza analítica y optimización de rendimiento en un panel
Descubre OCC →¿Necesitas algo más que esta herramienta? OCC te lo monta
No vendemos software de terceros: somos el equipo que ejecuta. Escríbenos por WhatsApp y te conectamos con el especialista o construimos lo que necesites.
¿Esta no encaja exacto con lo que necesitas? Te construimos una herramienta interna o pública específica.
Conectamos con profesores verificados de selectividad/EBAU, oposiciones y reciclaje profesional.
¿Por qué importa la velocidad de carga?
La velocidad de carga de una página web es uno de los factores de ranking más importantes de Google desde 2018, especialmente desde la introducción de los Core Web Vitals en 2021. Las métricas clave son: LCP (Largest Contentful Paint) que mide cuándo aparece el elemento más grande visible (objetivo <2,5s); INP (Interaction to Next Paint) que mide la respuesta a interacciones (objetivo <200ms); y CLS (Cumulative Layout Shift) que mide la estabilidad visual (objetivo <0,1). Sitios lentos sufren menor ranking SEO, mayor bounce rate (cada 100ms extra aumenta abandonos en 1%) y menos conversiones (Amazon estima 1% de ventas perdidas por cada 100ms de retraso).
Factores que afectan al tiempo de carga
Peso de la página: HTML + CSS + JS + imágenes + fuentes + videos. Páginas modernas pesan 2-5 MB promedio. Reducir a <2 MB es objetivo razonable.
Velocidad de conexión del usuario: varía enormemente. 4G móvil: 20-150 Mbps. Fibra: 100-1.000 Mbps. ADSL antiguo: 5-20 Mbps. Diseña para el "peor caso" razonable de tu audiencia.
Latencia (RTT): tiempo de ida y vuelta a tu servidor. 5-30 ms si tu servidor está en el mismo continente, 100-200+ ms si está en otro continente. CDNs reducen drásticamente la latencia.
Número de recursos: cada CSS, JS, imagen requiere una request HTTP. Con HTTP/2 se multiplexan eficientemente. Con HTTP/1.1 (legacy) cada recurso era una conexión separada.
Rendering del navegador: incluso después de descargar, el navegador necesita parsear HTML, ejecutar JS, calcular layouts, pintar pixels. Esto añade típicamente 100-500ms.
Cómo se calcula el tiempo de carga
Nuestra calculadora usa una fórmula simplificada:
Tiempo total = tiempo_descarga + (RTTs × latencia) + procesamiento
Donde tiempo_descarga = peso_bits / velocidad_bps, y RTTs varían según protocolo (HTTP/1.1 muchos, HTTP/2 pocos). Para sitios modernos con HTTP/2 y CDN, asumimos ~3 RTT (DNS + TCP + datos).
Cómo optimizar el tiempo de carga
1. Minificar HTML, CSS, JS: elimina espacios y comentarios. Ahorro 20-40% del peso.
2. Comprimir con Gzip/Brotli: el servidor envía recursos comprimidos. Brotli es 20% mejor que Gzip. Ahorro 60-80% del peso de texto.
3. Optimizar imágenes: WebP en vez de JPG (-30% peso), AVIF en vez de WebP (-50%), lazy loading para imágenes off-screen.
4. Cargar fuentes eficientemente: preload de fuentes críticas, font-display: swap, subsetting (incluir solo glyphs necesarios).
5. Defer/async para JS no crítico: permite que el HTML se renderice sin esperar JS.
6. CDN: servir contenido desde servidores geográficamente cercanos. Reduce latencia drásticamente.
7. Caché HTTP correcto: recursos estáticos con cache-control: max-age=31536000 (1 año). Versionado por hash en filename.
8. Eliminar third-party innecesario: cada script de analytics, chat, social embeds añade 50-500ms. Audita qué necesitas realmente.
9. Server-side rendering / static generation: entregar HTML pre-renderizado (Next.js SSR, Astro SSG) vs SPA pura (cargar app vacía y rellenar con JS).
10. HTTP/2 o HTTP/3: multiplexing reduce latencia acumulada. HTTP/3 sobre QUIC es lo más nuevo y rápido.
Herramientas profesionales de auditoría
Google PageSpeed Insights: usa Lighthouse para auditar tu sitio. Da puntuación 0-100 y recomendaciones específicas. Gratis.
Lighthouse (Chrome DevTools): mismo motor que PageSpeed pero ejecutado localmente. Útil para iterar mientras desarrollas.
WebPageTest: testa desde múltiples ubicaciones, dispositivos y conexiones reales. Más detallado que Lighthouse.
GTmetrix: combina métricas de Lighthouse + WebPageTest. Buen reporte visual.
Chrome DevTools (Network): ver waterfall en tiempo real durante el desarrollo. Filtra por tipo de recurso, throttling de red.
Preguntas frecuentes
¿Qué tiempo de carga es "bueno"?
LCP <2,5s es el objetivo de Google. INP <200ms. CLS <0,1. Sitios líderes (Wikipedia, Google) cargan en <1s. Empezar a optimizar con cualquier valor >3s es prioritario.
¿La velocidad afecta al SEO?
Sí directamente desde 2018. Core Web Vitals son factor de ranking desde 2021. Sitios lentos rankean peor, especialmente en mobile.
¿Por qué mi sitio carga rápido en mi PC pero lento en producción?
Tu PC está en localhost (latencia 0) con caché caliente. Producción tiene latencia real, servidor compartido, peor red. Siempre prueba con throttling de red en DevTools y desde dispositivos reales.
¿Pesa mucho mi sitio?
Promedio web 2026: ~3 MB. Más de 5 MB se considera pesado. Sitios eficientes <1 MB. Para mobile, objetivo <1 MB cargado en primer paint.
¿Mis datos se almacenan?
No. El cálculo se ejecuta en tu navegador. Ningún dato introducido se transmite a servidores externos.
Herramientas relacionadas: Ancho de Banda, Conversor de Bytes.
Revisado por Javier Andreo