Calculadora de Tiempo de Carga Web

¿Por qué importa la velocidad de carga?

La velocidad de carga afecta a la experiencia de uso. Las Core Web Vitals distinguen carga (LCP), respuesta a interacciones (INP) y estabilidad visual (CLS). Google recomienda LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos. Esta calculadora estima transferencia y latencia: sus resultados no son una auditoría de esas métricas ni predicen posiciones en Google. Consulta la documentación de Google sobre Core Web Vitals para interpretar una medición real.

Factores que afectan al tiempo de carga

Peso de la página: suma el tamaño de los recursos que necesitas transferir.

Velocidad de conexión: introduce la velocidad efectiva de la conexión que quieres simular.

Latencia: utiliza un valor medido o una hipótesis para comparar escenarios.

Número de recursos: el modelo HTTP/1.1 acumula latencia por recurso; el de HTTP/2 aplica tres RTT como simplificación.

Renderizado: tras descargar, el navegador aún procesa y pinta el contenido. Ese trabajo no se calcula aquí.

Cómo se calcula el tiempo de carga

Nuestra calculadora usa una fórmula simplificada:

Tiempo estimado = tiempo de descarga + (RTTs × latencia)

El tiempo de descarga es peso_bits / velocidad_bps. El modelo HTTP/1.1 usa un RTT por recurso y el modelo HTTP/2 usa 3 RTT como aproximación. No incluye renderizado, ejecución de JavaScript ni una medición de LCP, INP o CLS.

Cómo optimizar el tiempo de carga

1. Minificar HTML, CSS y JavaScript: reduce código innecesario y mide el ahorro en tus archivos.

2. Comprimir: compara el tamaño transferido al activar la compresión admitida por el servidor.

3. Optimizar imágenes: compara formatos y calidad con la misma imagen; difiere las que quedan fuera de pantalla.

4. Cargar fuentes: revisa fuentes críticas, subconjuntos de caracteres y la estrategia de visualización.

5. Revisar JavaScript: difiere código no crítico y comprueba qué tareas retrasan el renderizado o la interacción.

6. Evaluar una CDN: compara latencia y caché desde las ubicaciones de tus usuarios.

7. Configurar caché: elige una política según el recurso y versiona los archivos cuando cambian.

8. Revisar scripts externos: mide su coste y conserva los necesarios.

9. Revisar la entrega del HTML: comprueba qué contenido recibe el navegador y qué depende de ejecutar JavaScript.

10. Comprobar el protocolo: identifica qué protocolo usa tu sitio y compara su rendimiento real.

Herramientas profesionales de auditoría

PageSpeed Insights y Lighthouse: permiten examinar rendimiento y oportunidades de mejora. Consulta qué parte del informe procede de laboratorio y qué parte utiliza datos de usuarios reales.

WebPageTest: permite comparar cargas bajo condiciones de prueba definidas.

GTmetrix: servicio de análisis de rendimiento; consulta sus mediciones y metodología vigentes.

Chrome DevTools: la pestaña Network muestra solicitudes y recursos transferidos. Performance ayuda a revisar el trabajo del navegador.

Preguntas frecuentes

¿Qué tiempo de carga es bueno?
Google recomienda LCP de 2,5 segundos o menos, INP de 200 milisegundos o menos y CLS de 0,1 o menos. Son métricas distintas de esta estimación de transferencia y latencia: el resultado de la calculadora no mide Core Web Vitals.

¿La velocidad afecta al SEO?
Google considera la experiencia de página junto con otras señales. Una medición rápida no garantiza una posición. Esta calculadora no evalúa todos los factores de rendimiento ni de búsqueda.

¿Por qué mi sitio carga rápido en mi PC pero lento en producción?
Pueden cambiar la red, caché, dispositivo, servidor y scripts. Compara mediciones bajo condiciones equivalentes y revisa qué recursos o tareas explican la diferencia.

¿Pesa mucho mi sitio?
El peso adecuado depende del contenido y del dispositivo. Revisa los recursos transferidos y el tiempo de renderizado; el tamaño por sí solo no determina la experiencia.

¿Qué herramienta usar para auditar?
Utiliza una herramienta de medición como PageSpeed Insights, Lighthouse, WebPageTest o las herramientas de desarrollo del navegador. Revisa las condiciones de prueba y distingue los datos de laboratorio de los datos de usuarios reales.

¿Cómo reduzco el tamaño de las imágenes?
Compara formatos, dimensiones y calidad con tus propias imágenes. Usa tamaños adecuados a su visualización y difiere las que estén fuera de pantalla cuando corresponda. El ahorro depende del archivo y de la configuración.

¿Mis datos se almacenan?
No. El cálculo se ejecuta en tu navegador. Los valores introducidos no se envían a un servidor ni se guardan por esta herramienta.

Herramientas relacionadas: Ancho de Banda, Conversor de Bytes.