it-swarm-fr.com

Comment puis-je simuler une connexion lente pour le chargement de page?

J'ai un serveur rapide et une connexion Internet à domicile relativement rapide. Comment puis-je simuler le chargement de ma page sur une connexion lente?

74
Macha

FireFox Throttle est une extension FireFox qui devrait le faire. Sloppy est un proxy qui ralentit votre connexion et qui devrait donc fonctionner avec tous les navigateurs.

Source

MODERATOR EDIT 2013-02-02

Cette extension n'est plus disponible mais un repo a été créé sur Github .

25
Adam

Fiddler Web Debugger est un excellent outil de débogage de proxy HTTP pour Windows qui inclut une fonctionnalité de simulation de la vitesse du modem (Menu principal> Règles> Performances> Simuler la vitesse du modem) .
Fiddler est un logiciel gratuit .

J'aime aussi Charles Web Debugging Proxy , un outil similaire. Charles peut également limiter la vitesse de connexion . Charles est un logiciel commercial, mais dispose d'un essai gratuit. Ce que j'aime le plus chez Charles, c'est qu'il est multiplate-forme : Étant basé sur Java, il peut fonctionner sous Windows, Mac OS X et Linux. (Vous n'avez pas mentionné sur quelle plate-forme vous êtes, mais c'est probablement l'une de celles-ci :-)

23
Chris W. Rea

Dans Chrome, vous pouvez ouvrir les outils de développement, cliquer sur l'icône du périphérique (1), puis sélectionner la limitation de la connexion (2).

enter image description here

Modifier (2015-11-03)

Depuis environ Chrome 45, cela est devenu un peu plus simple: vous n’êtes plus obligé d’être en mode appareil.

enter image description here

22
Rafael Eyng

Essayez http://www.webpagetest.org/test . Vous pouvez exécuter un test depuis n'importe lequel de leurs serveurs distants du monde entier et voir à quelle vitesse vous chargez les pages depuis cet emplacement. Vous pourrez même utiliser une vitesse de numérotation ou une autre vitesse lente pour la plupart des endroits.

20
Ben Hoffman

Vous pouvez ralentir des ressources spécifiques avec Deelay.me:

<img src="http://deelay.me/1000?http://mysite.com/image.gif">

Deelay.me est un proxy de délai pour les ressources Web. Vous pouvez l'utiliser avec vos images/stylesheets/scripts pour augmenter leur temps de chargement.

8
biesiad

Je suppose que le problème est le même que j'ai. Lorsque vous développez un projet Web en interne, sur des serveurs de réseau local ou sur une machine virtuelle, vous devez parfois simuler un scénario réel, comme si la charge du serveur était élevée, afin de voir à quelle vitesse la page se charge côté client et si certains Les données provenant du serveur se chargent et ne gênent pas vos fonctions côté client, en raison du comportement du serveur et des délais. Comme il n’existe pas de moyen parfait de simuler des scénarios de cas réels, la meilleure chose à faire est de vous assurer que les événements ne sont déclenchés que lorsque les données ont été complètement récupérées du serveur. L'utilisation de la fonction complète $ .ajax et async: false semble faire l'affaire jusqu'à présent. Cela garantit que tout événement basé sur les données que vous devez déclencher ne sera pas exécuté à moins que les données existent.

3
man

Simulez une connexion lente avec Chrome Allez-y et installez Chrome si vous ne l'avez pas déjà installé sur votre système. Une fois que vous avez ouvert un nouvel onglet, appuyez sur CTRL + MAJ + I pour ouvrir la fenêtre des outils de développement ou cliquez sur l’icône hamburger, puis sur Autres outils, puis sur Outils de développement.

enter image description here

Cela fera apparaître la fenêtre Outils de développement, qui sera probablement ancrée sur le côté droit de l'écran. Je préfère qu'il soit ancré au bas de l'écran, car vous pouvez voir plus de données. Pour ce faire, cliquez sur les trois points verticaux, puis sur la position centrale du quai.

enter image description here

Maintenant, allez-y et cliquez sur l'onglet Réseau. Sur la droite, vous devriez voir une étiquette appelée No Throttling.

enter image description here

Si vous cliquez dessus, vous obtiendrez une liste déroulante de vitesses préconfigurées que vous pourrez utiliser pour simuler une connexion lente.

enter image description here

Les choix vont du mode hors connexion au mode Wi-Fi et les chiffres sont indiqués en tant que latence, téléchargement, téléchargement. Le plus lent est le GPRS suivi de la norme 2G, puis de la bonne 2G, puis de la 3G régulière, de la bonne 3G, de la 4G classique, de la DSL et du WiFi. Choisissez l'une des options, puis rechargez la page sur laquelle vous vous trouvez ou entrez une autre URL dans la barre d'adresse. Assurez-vous simplement que vous êtes dans le même onglet où les outils de développement sont affichés. La limitation ne fonctionne que pour l'onglet pour lequel vous l'avez activée.

Si vous souhaitez utiliser vos propres valeurs spécifiques, vous pouvez cliquer sur le bouton Ajouter sous Personnalisé. Cliquez sur le bouton Ajouter un profil personnalisé pour ajouter un nouveau profil.

enter image description here

En utilisant le GPRS, il fallait 16 secondes à www.google.com pour se charger! Globalement, il s'agit d'un excellent outil intégré à Chrome que vous pouvez utiliser pour tester le temps de chargement de votre site Web sur des connexions plus lentes. Si vous avez des questions, n'hésitez pas à commenter. Prendre plaisir!

3
Arbaz Alam

Vous pouvez émuler diverses vitesses nettes sur un Mac à l’aide d’une application gratuite appelée ( Speedlimit

Speedlimit Description:

SpeedLimit est un panneau de préférences Leopard permettant de limiter la bande passante de votre réseau à une ou deux vitesses différentes - ADSL 768k, Edge, 3G et Accès à distance. Ceci est très pratique pour tester votre application iPhone dans des conditions de réseau Edge normales dans le simulateur iPhone.

2
matinfo

Une solution rapide et délicate consiste à pload un fichier volumineux pour tenter d’étouffer votre bande passante sortante; ceci ralentira votre connexion entrante et est généralement plus facile que d’essayer d’étouffer de la même manière la bande passante entrante.

1
Cebjyre

Méthode du routeur (QoS)

Une des méthodes les plus simples consiste à simplement vous connecter au tableau de bord de votre routeur et à peaufiner les paramètres avancés QoS . Cependant ... les anciens routeurs fournis par les fournisseurs de services Internet ou moins chers ne disposent généralement pas des fonctionnalités QoS avancées qui vous permettront de limiter la bande passante.

Si vous faites partie de la majorité des utilisateurs avec un routeur moins cher ou fourni par un fournisseur de services Internet, vous aurez peut-être la chance d’avoir un routeur pris en charge par des projets open source qui libéreront tout le potentiel de votre routeur, non seulement en débloquant de fonctionnalités avancées disponibles uniquement dans les routeurs Cisco haut de gamme.

Certains projets de microprogramme de routeur open source incluent:

1
Simon Hayter

Vous pouvez simuler une connexion lente sur un serveur Web local à localhost en utilisant node.js et synchronisation du navigateur .

  1. Installez node.js
  2. Exécutez cette commande à partir de la commande node.js Invite: npm install -g browser-sync

  3. Exécutez cette commande à partir de la commande node.js Invite: browser-sync start --server

    enter image description here

  4. Depuis un navigateur Web, ouvrez http: // localhost: 3001 / , puis cliquez sur le lien "Accélérateur réseau" pour créer un serveur avec la vitesse et le port sélectionnés:

    enter image description here

1
Setyo N

Utilisez un téléphone portable pour vous connecter au lieu d'une connexion rapide à domicile. Ouvrez plusieurs onglets du navigateur avec diffusion vidéo en continu pour ralentir davantage la connexion.

0
user1565578