Comment est-ce que je ralentis la vitesse de BrowserSync?

Question

Comment puis-je configurer BrowserSync (à partir de son API) pour diffuser du contenu à un débit plus lent?

Idéalement, je voudrais être en mesure de servir seulement certains fichiers au taux étranglé, donc lors du développement, localhost/index.html charges rapides et localhost/dummyData.json charge lentement, donc je peux efficacement démo charger des états, tout en développant des applications Web qui découplent données et présentation .

Answer 1

1. start-synchronisation du navigateur: browser-sync start --server --files "src/*.*"
2. ouvrir l'interface de synchronisation du navigateur (par exemple http://localhost:300 /) et aller à "Throttle Réseau"
3. sélectionnez "Vitesse", puis « Créer serveur »
4. Utilisez la nouvelle instance de serveur qui est maintenant en cours d'exécution à la vitesse définie

CONSEIL:

Vous pouvez exécuter plusieurs instances de serveur limitées simultanément - par ex. pour simuler le comportement CDN (où les gains les plus rapides)

Vous pouvez également simuler la latence! Jetez un oeil à la bs-latency Plugin ...

Answer 2

De la documentation

reloadThrottle

ne émettons que le premier événement pendant des fenêtres temporelles successives d'une durée déterminée.

Exemple

browserSync.init({ 
     reloadThrottle: 300, 
     server: { 
      baseDir: 'dev/' 
     } 
    });