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?

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

La source

MODIFICATION EDIT 2013-02-02

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

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 multi-plateforme : é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 :-)

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).

Modifier (2015-11-03)

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

Essayez http://www.webpagetest.org/test . Vous pouvez exécuter un test depuis l'un 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.

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.

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 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 idéal pour simuler des scénarios de cas réels, la meilleure chose à faire est de vous assurer que vous déclenchez des événements uniquement après que 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.

Simuler 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.

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.

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

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

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 normale 3G, 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.

En utilisant le GPRS, il fallait 16 secondes à www.google.com pour se charger! Dans l’ensemble, c’est 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!

Vous pouvez émuler diverses vitesses réseau 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.

Une solution rapide consiste à télécharger un fichier volumineux pour tenter d’étouffer votre bande passante sortante. Cela devrait ralentir 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.

Méthode du routeur (QoS)

L’une des méthodes les plus simples consiste à vous connecter au tableau de bord de votre routeur et à modifier les paramètres avancés de 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 des fonctionnalités QoS complètes, fonctionnalités avancées disponibles uniquement dans les routeurs Cisco haut de gamme.

Certains projets de microprogramme de routeur open source incluent:

• DD-WRT
• Open-WRT
• HyperWRT
• HyperWRT + Tofu
• Tomate
• TomateUSB
• ZeroShell
• DebWRT
• LibreCMC
• Gargouille
• Tarifa
• Commotion sans fil

Vous pouvez simuler une connexion lente sur un serveur Web local à localhost en utilisant node.js et browser-sync .

1. Installez node.js

2. Exécutez cette commande à partir de l'invite de commande node.js: npm install -g browser-sync

3. Exécutez cette commande à partir de l'invite de commande node.js: browser-sync start --server

   

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:

   

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.