¿Simular ancho de banda limitado desde Chrome?

202

¿Hay alguna manera de simular varias velocidades de conexión desde Chrome?

Necesito poder verificar http: // localhost con diferentes velocidades.

Sé que hay aplicaciones independientes que pueden hacer esto, pero prefiero hacerlo dentro de Chrome.

usuario1103744
fuente
Una extensión definitivamente no tiene ese nivel de acceso. Chrome solo proporciona API de extensión para las tareas más comunes y esta no es una de ellas.
Wladimir Palant
Checkout webpagetest.org . Puede establecer la velocidad de conexión en test settings / connection.
Benjamin Crouzier

Respuestas:

117

Recomiendo Charles Proxy : puede elegir ralentizar sitios individuales, también tiene un montón de herramientas de inspección HTTP.

Editar:

A partir de junio de 2014, Chrome ahora tiene la capacidad de hacer esto de forma nativa en DevTools; sin embargo, necesitará Chrome 38.

Se puede acceder a la opción desde la pestaña Red a través de un menú desplegable al final de la barra de herramientas.

Andy Davies
fuente
69
Una advertencia: Charles no es libre
Charlie
8
¿Dónde encuentras esto en devtools de Chrome?
Paul
15
Inicie DevTools en Canary, en la parte superior tiene el ícono de búsqueda, ícono de teléfono, Elementos, Red, etc. Haga clic en el ícono de teléfono y luego elija Emulación en el panel inferior, las opciones de emulación de red están en ese panel
Andy Davies
1
@Andy ughh ... ¿Cómo conseguiste que apareciera el ícono del teléfono? Siguen moviendo cosas en Canarias ...
Nathan
36
Desafortunadamente, la limitación en Chrome solo funciona con descargas, no con cargas.
JesseBuesking
140

Si está ejecutando Linux, el siguiente comando es realmente útil para esto:

trickle -s -d 50 -w 100 firefox

Le -sdice al comando que se ejecute de forma independiente, -d 50le dice que limite el ancho de banda a 50 KB / s, que -w 100establezca el tamaño máximo de la ventana de detección en 100 KB. firefoxle dice al comando que inicie firefox con toda esta limitación de velocidad aplicada a cualquier sitio que intente cargar.

Actualizar

Chrome 38 ya está disponible e incluye aceleración. Para encontrarlo, abra las Herramientas del desarrollador: Ctrl + Shift + I lo hace en mi máquina, de lo contrario Menú-> Más herramientas-> Herramientas del desarrollador lo llevará allí.

Luego, cambie el Modo del dispositivo haciendo clic en el teléfono en la esquina superior izquierda del Panel de herramientas del desarrollador (consulte la información sobre herramientas a continuación).

Cambiar modo de dispositivo

Luego active la aceleración de esa manera.

Activar aceleración de Chrome

Si encuentra esto un poco torpe, mi sugerencia anterior funciona tanto para Chrome como para Firefox.

Ricardo
fuente
Probé la función de desarrollo en Chrome y subí un video de YouTube. No pareció acelerar la carga en absoluto.
WHol
1
La función del acelerador no es un limitador de carga. Es para realizar pruebas de descarga y ver cómo se carga su página en una conexión diferente.
Nelson
68

A partir de Chrome 38 , puede hacerlo sin ningún complemento. Simplemente haga clic en inspeccionar elemento (o F12tecla de acceso rápido), luego haga clic en toggle device mod(el phonebotón)

ingrese la descripción de la imagen aquí

y verás algo como esto:

ingrese la descripción de la imagen aquí

Entre muchas otras características, le permite simular una conexión a Internet específica (3G, GPRS)

Salvador Dalí
fuente
14
Esto parece funcionar bien para la prueba de carga de la página, sin embargo, la carga de prueba (usando xmlhttpreq2) no parecía ser limitada. - fuera de línea y no de limitación trabajaron, pero durante el proceso de carga parece ignorar los límites GPRS, etc - que sería bueno si también podría ser en forma de subida para que podamos probar las barras de progreso, los tiempos de espera, etc.
Josh Mc
2
Esto es correcto, es un problema pendiente code.google.com/p/chromium/issues/detail?id=414319
Calin
61

A partir de hoy, puede acelerar su conexión de forma nativa en Google Chrome Canary 46.0.2489.0. Simplemente abra Dev Tools y diríjase a la pestaña Red:

ingrese la descripción de la imagen aquí

Pono
fuente
1
Esta es la ruta más fácil y no requiere complementos adicionales.
earl3s
2
Pero no tiene efecto en los websockets.
Tom Hubbard
19

Como dijo Michael , la API de extensión de Chrome no ofrece una forma confiable de hacerlo. Por otra parte: hay un software que he estado usando durante bastante tiempo.

Pruebe Sloppy , una aplicación Java que simula un ancho de banda bajo. Es independiente del navegador, es muy fácil de usar y, lo mejor de todo, ¡es gratis!

caiosm1005
fuente
13

Si está en una Mac, el equipo de desarrollo de Chrome recomienda la 'Herramienta de acondicionador de enlace de red'

Ya sea:

Xcode > Open Developer Tool > More Developer Tools > Hardware IO Tools for Xcode

O si no quieres instalar Xcode:

Go to the Apple Download Center and search for Hardware IO Tools

https://developer.apple.com/downloads/index.action

Sean McClory
fuente
Para buscar Hardware IO Tools en el sitio de Apple a partir de marzo de 2016, vaya a este enlace . El panel de preferencias "Acondicionador de enlace de red" le permite configurar el ancho de banda del enlace descendente y ascendente, el% de paquetes descartados y el retraso.
Greg Sadetsky
11

En Chrome Canary ahora puede limitar el rendimiento de la red. Esto se puede hacer en las opciones de "Red" de la pestaña "Emulación" de la Consola en las Herramientas de desarrollo. Es posible que deba activar el indicador de Chrome "Habilitar experimentos de herramientas de desarrollador" (chrome: // flags / # enable-devtools-experiment) (chrome: // flags) para ver esta nueva función. Puede simular un ancho de banda bajo (GSM, GPRS, EDGE, 3G) para conexiones móviles.

Mauricio Sánchez
fuente
Esto es muy fácil de usar y también funciona en localhost sin ninguna configuración adicional. Excelente sugerencia
HockeyJ
2
No puedo hacer que esto funcione, he habilitado el indicador pero no se muestra ninguna opción de red en la emulación en las herramientas de desarrollo, ¿es solo esta ventana?
Pez Cuckow
6

Artículo original: https://helpdeskgeek.com/networking/simulate-slow-internet-connection-testing/

Simule una conexión lenta con Chrome Siga adelante e instale Chrome si aún no lo tiene instalado en su sistema. Una vez que lo haga, abra una nueva pestaña y luego presione CTRL + MAYÚS + I para abrir la ventana de herramientas de desarrollador o haga clic en el icono de hamburguesa, luego en Más herramientas y luego en Herramientas de desarrollador.

ingrese la descripción de la imagen aquí

Esto abrirá la ventana Herramientas para desarrolladores, que probablemente estará acoplada en el lado derecho de la pantalla. Prefiero que esté acoplado en la parte inferior de la pantalla, ya que puedes ver más datos. Para hacer esto, haga clic en los tres puntos verticales y luego haga clic en la posición del muelle central.

ingrese la descripción de la imagen aquí

Ahora adelante y haga clic en la pestaña Red. A la derecha, debería ver una etiqueta llamada No Throttling.

ingrese la descripción de la imagen aquí

Si hace clic en eso, obtendrá una lista desplegable de una velocidad preconfigurada que puede usar para simular una conexión lenta.

ingrese la descripción de la imagen aquí

Las opciones van desde Desconectado a WiFi y los números se muestran como Latencia, Descargar, Cargar. El más lento es GPRS seguido de Regular 2G, luego Good 2G, luego Regular 3G, Good 3G, Regular 4G, DSL y luego WiFi. Elija una de las opciones y luego vuelva a cargar la página en la que se encuentra o escriba otra URL en la barra de direcciones. Solo asegúrese de estar en la misma pestaña donde se muestran las herramientas de desarrollador. La limitación solo funciona para la pestaña para la que lo tiene habilitado.

Si desea utilizar sus propios valores específicos, puede hacer clic en el botón Agregar en Personalizado. Haga clic en el botón Agregar perfil personalizado para agregar un nuevo perfil.

ingrese la descripción de la imagen aquí

Al usar GPRS, ¡a www.google.com le tomó 16 segundos cargarlo! En general, esta es una gran herramienta integrada en Chrome que puede usar para probar el tiempo de carga de su sitio web en conexiones más lentas. Si tiene alguna pregunta, no dude en comentar. ¡Disfrutar!

Arbaz Alam
fuente
1
Buena respuesta, Arbaz!
Matt
1
Detallado y completo! ¡Gracias!
SexyBeast
4

Si no estás familiarizado con Fiddler, hazlo. Es una gran herramienta de depuración para HTTP. También tiene la opción de limitar el ancho de banda.

Yuki
fuente
Segundo, que ... Fiddler es asombroso. Aquí hay un enlace a una respuesta relacionada con respecto a la aceleración y la adición de retrasos en Fiddler. stackoverflow.com/questions/16276669/…
JustinParker
1

No creo que lo que pidas se pueda hacer solo con Chrome. Lo más cercano que pude encontrar fue esto , que no es lo que quieres. Conseguir un complemento de Chrome para hacerlo sería difícil.

Un proxy web que se ejecute en su máquina local podría lograr el efecto que desea. Una búsqueda de "proxy de regulación" surgió con esto , por ejemplo.

Michael Slade
fuente
1

Si está usando OSX, puede usar: Network Link Conditioner

ingrese la descripción de la imagen aquí

Aquí puede seleccionar diferentes perfiles, es decir. 100% de pérdida, 3G, DSL, etc.

Encuentre el siguiente enlace para descargar Network Link Conditioner aquí

Kiran Sk
fuente
-3

Tenga en cuenta que no utilice el comprobador de velocidad integrado de Chrome (le mostrará una velocidad sin estrangulamiento). En su lugar, use otro sitio, como Fast.com. Eso te mostrará velocidades de aceleración adecuadas.

Además, la configuración de aceleración puede estar oculta y se puede acceder desde la barra de red haciendo clic en la pequeña flecha hacia abajo.

Diente de león
fuente
1
Hola @Dandelion Gracias por tomarse el tiempo de responder. Sin embargo, no estoy seguro de que esta respuesta sea apropiada como respuesta, ya que en realidad no responde la pregunta. ¿Qué tienen que ver las pruebas de velocidad con la pregunta? ¿Cómo se fast.compuede usar en localhost?
Benjamin