Comment ralentir la vitesse de chargement d'un site Web à l'aide du navigateur?

Dans les outils de développement (Developer Tools), il y a généralement un onglet appelé "Network" (ou "Réseau"). Sur cet onglet, il y a un menu déroulant ou un curseur pour simuler différentes vitesses de connexion, par exemple :

• Sans limitation (No throttling)
• 3G rapide
• 3G lent
• Personnalisé (Vitesse configurable)

En choisissant une de ces configurations prédéfinies ou en ajustant votre propre vitesse (upload, download, latence), vous pouvez simuler une faible bande passante et augmenter le temps de chargement du site. Après avoir sélectionné le type de connexion, il faut recharger la page pour voir l'effet.

Ceci est utile pour :

• Tester la performance et la vitesse de chargement sur une connexion Internet lente.
• Identifier les problèmes de chargement asynchrone du contenu.
• Évaluer le comportement du site en situation de haute latence.

Exemple d'utilisation dans Chrome DevTools :

1. Ouvrir DevTools (F12).
2. Aller à l'onglet "Network".
3. Trouver le menu déroulant "Throttling" à côté du bouton d'enregistrement (cercle rouge) ou dans le menu supérieur de l'onglet (peut avoir une icône de téléphone/tablette pour le mode Dispositif, et à l'intérieur des options de throttling).
4. Choisir la vitesse souhaitée (par exemple, "Slow 3G").
5. Recharger la page (F5).

Dans Firefox et d'autres navigateurs, le processus est similaire, mais l'emplacement des options peut légèrement varier.