Wie drossle ich die Geschwindigkeit von BrowserSync?

Question

Wie kann ich BrowserSync (über seine API) konfigurieren, um Inhalte mit einer langsameren Geschwindigkeit bereitzustellen?

Im Idealfall würde Ich mag Lage sein, nur bestimmte Dateien auf dem gedrosselten Rate zu dienen, so bei der Entwicklung, localhost/index.html Lasten schnell und localhost/dummyData.json langsam geladen, so kann ich Demo effektiv Zustände Laden, während Web-Anwendungen zu entwickeln, die Daten und Präsentation entkoppeln .

Answer 1

1. Start Browser-Sync: browser-sync start --server --files "src/*.*"
2. den Browser-Sync-UI öffnen (zB http://localhost:300 /) und gehen Sie zu "Netzwerk-Gas"
3. wählen "Speed", dann „Create Server“
4. Verwenden Sie die neue Server-Instanz, die jetzt an der definierten Geschwindigkeit läuft

TIPP:

Sie können mehrere gedrosselte Server-Instanzen gleichzeitig ausführen - z. um das CDN-Verhalten zu simulieren (wobei der schnellste gewinnt)

Sie können auch Latenz simulieren! Werfen Sie einen Blick auf die bs-latency Plugin ...

Answer 2

Von Dokumentation

reloadThrottle

Emit nur das erste Ereignis während der sequenziellen Zeitfenster von einer bestimmten Dauer.

Beispiel

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