¿Cómo se puede ralentizar la velocidad de carga de un sitio web usando el navegador?

En las herramientas de desarrollador (Developer Tools), generalmente hay una pestaña llamada "Network" (o "Red"). En esta pestaña, hay un menú desplegable o un control deslizante para simular diferentes velocidades de conexión, por ejemplo:

• Sin limitaciones (No throttling)
• 3G rápido
• 3G lento
• Personalizado (Velocidad configurable)

Al seleccionar una de estas configuraciones predefinidas o ajustar tu propia velocidad (subida, bajada, latencia), puedes simular una baja capacidad de ancho de banda y aumentar el tiempo de carga del sitio. Después de elegir el tipo de conexión, es necesario recargar la página para ver el efecto.

Esto es útil para:

• Probar el rendimiento y la velocidad de carga en internet lento.
• Detectar problemas con la carga asíncrona de contenido.
• Evaluar el comportamiento del sitio en condiciones de alta latencia.

Ejemplo de uso en Chrome DevTools:

1. Abrir DevTools (F12).
2. Ir a la pestaña "Network".
3. Encontrar el menú desplegable "Throttling" junto al botón de grabación (círculo rojo) o en el menú superior de la pestaña (puede tener un icono de teléfono/tableta para el modo Dispositivo, y dentro de él opciones de throttling).
4. Seleccionar la velocidad deseada (por ejemplo, "Slow 3G").
5. Recargar la página (F5).

En Firefox y otros navegadores, el proceso es similar, pero la ubicación de las opciones puede variar ligeramente.